End to End React with Prisma 2

End to End React with Prisma 2, available at $49.99, has an average rating of 3.8, with 34 lectures, based on 109 reviews, and has 21291 subscribers.

You will learn about Students will build an entire social RSS reader full stack application from scratch over 10 hours and learn all of the fundamentals of building a professional grade app. Learn all the techniques needed to build a fully fledged app- user login, permissions, database management, backend creation. The works! This course is ideal for individuals who are Intermediate React developers looking to bring together all components of a modern web app. It is particularly useful for Intermediate React developers looking to bring together all components of a modern web app.

Enroll now: End to End React with Prisma 2

Summary

Title: End to End React with Prisma 2

Price: $49.99

Average Rating: 3.8

Number of Lectures: 34

Number of Published Lectures: 34

Number of Curriculum Items: 34

Number of Published Curriculum Objects: 34

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Students will build an entire social RSS reader full stack application from scratch over 10 hours and learn all of the fundamentals of building a professional grade app.

Learn all the techniques needed to build a fully fledged app- user login, permissions, database management, backend creation. The works!

Who Should Attend

Intermediate React developers looking to bring together all components of a modern web app.

Target Audiences

Intermediate React developers looking to bring together all components of a modern web app.

This course teaches you all of the skills and techniques needed for building a feature-packed application from the ground up.

Over the course of 10 hours, we will build an RSS reader application that will allow people to create RSS feeds, share and bundle them together, and like their favorite ones. Articles within the feeds can also be saved to a saved articles list for easy access later.

This is the full-stack tutorial that I wish I had after learning the basics of React.js- we will teach you how to take those basic skills and build on them to create all sorts of useful functionality that you need for real-life apps.

First, we will build out our backend which will store and manage all of our data and provide an expressive API to fetch exactly the data that we need in a secure manner.

Use GraphQL and authorizer functions to prevent users from performing actions that they shouldn’t be able to such as deleting or editing records that they are not the author of.

Utilize Prisma 2 for managing a connection to the database and creating tables and schemas due to the relationships that we set up in our model.

Build a GraphQL API that allows us to fetch the fields and relations we need with no over-fetching.

Use Auth0 for authentication to trust requests coming from users and block malicious attacks.

After building our backend we will create a responsive frontend that can consume data from our backend.

Create a super snappy frontend with Next.js that is SEO friendly

Utilize optimistic response with Apollo to allow the UI to respond immediately to the user’s requests, even when backend requests are involved

Build our own beautiful and responsive UI with TailwindCSS

Course Curriculum

Chapter 1: Build the GraphQL Backend

Lecture 1: Lecture 0: Reference Github Repo- save this for later!

Lecture 2: Introduction and Overview

Lecture 3: Create the Next.js base

Lecture 4: Configure Prisma 2 schema

Lecture 5: Configure Auth0

Lecture 6: Add graphQL server

Lecture 7: Add Context and Middleware

Lecture 8: Add Feed queries and mutations

Lecture 9: Add Bundle queries and mutations

Lecture 10: Add Nested Author information

Lecture 11: Add FeedTag and BundleTag relations

Lecture 12: Add LikeBundle and LikeFeed Mutations

Lecture 13: Add Find queries

Lecture 14: Add Update mutations

Lecture 15: Add Create Saved Article operations

Lecture 16: Add Delete mutations

Lecture 17: Add queries, mutations, and fragments

Chapter 2: Build the React Frontend

Lecture 1: Add Tailwindcss

Lecture 2: Add Layout and Navbar

Lecture 3: Add ItemList component

Lecture 4: Add OneListItem component

Lecture 5: Add Badges

Lecture 6: Create Items and Item Detail pages

Lecture 7: Start the NewEditItem component

Lecture 8: Add SearchItems component

Lecture 9: Finish create item functionality

Lecture 10: Add update existing item functionality

Lecture 11: Add delete button

Lecture 12: Add like button

Lecture 13: Create the generate article list component

Lecture 14: Add saved article list component

Lecture 15: Add one article component

Lecture 16: Add saved articles page

Lecture 17: Bonus- tidying it all up

Instructors

Stephen Jensen
Full-stack Developer and Solutions Architect

Rating Distribution

1 stars: 6 votes

2 stars: 4 votes

3 stars: 11 votes

4 stars: 38 votes

5 stars: 50 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!