FreeCourseSite com Udemy Full Stack React with GraphQL and Apollo Boost

/0. Websites you may like/

[CourseClub.ME].url

0. Websites you may like/

[FCS Forum].url

[FreeCourseSite.com].url

1. Getting Started/

1. Project App Demo.mp4

1. Project App Demo.vtt

2. GraphQL Introduction.mp4

2. GraphQL Introduction.vtt

3. Apollo Apollo Boost Introduction.mp4

3. Apollo Apollo Boost Introduction.vtt

4. Install Packages our for Project.mp4

4. Install Packages our for Project.vtt

10. Adding Ability to Create Recipes Optimistic UI/

1. Make AddRecipe a Stateful Component.mp4

1. Make AddRecipe a Stateful Component.vtt

2. Implement addRecipe Mutation on Client.mp4

2. Implement addRecipe Mutation on Client.vtt

3. Clear State and Redirect Upon addRecipe Mutation.mp4

3. Clear State and Redirect Upon addRecipe Mutation.vtt

4. Learning and Implementing Optimistic UI.mp4

4. Learning and Implementing Optimistic UI.vtt

11. Building Search Functionality/

1. Create searchRecipes Query on Backend, add Apollo Query to Search Component.mp4

1. Create searchRecipes Query on Backend, add Apollo Query to Search Component.vtt

2. Index Recipe Fields, Perform Search Query on Input Change Event.mp4

2. Index Recipe Fields, Perform Search Query on Input Change Event.vtt

3. Add SearchItem Component.mp4

3. Add SearchItem Component.vtt

12. Adding User Profile/

1. Add UserInfo Component to Profile Page.mp4

1. Add UserInfo Component to Profile Page.vtt

2. Add UserRecipes Component to Profile Page, Implement getUserRecipes Query.mp4

2. Add UserRecipes Component to Profile Page, Implement getUserRecipes Query.vtt

3. Add Route Protection with withAuth Component.mp4

3. Add Route Protection with withAuth Component.vtt

13. Deleting User Recipes and Refetching Queries/

1. Add and Implement deleteUserRecipe Mutation.mp4

1. Add and Implement deleteUserRecipe Mutation.vtt

2. Add Optimistic UI to deleteUserRecipe Mutation.mp4

2. Add Optimistic UI to deleteUserRecipe Mutation.vtt

3. Add refetchQueries to deleteUserRecipe Mutation.mp4

3. Add refetchQueries to deleteUserRecipe Mutation.vtt

4. Add refetchQueries to addRecipe Mutation.mp4

4. Add refetchQueries to addRecipe Mutation.vtt

5. Provide Default Text for User Without Recipes.mp4

5. Provide Default Text for User Without Recipes.vtt

14. Adding Like Unlike Functionality/

1. Create LikeRecipe Component and Hide If Not Auth.mp4

1. Create LikeRecipe Component and Hide If Not Auth.vtt

2. Add and Implement likeRecipe Mutation.mp4

2. Add and Implement likeRecipe Mutation.vtt

3. Develop Client-side Logic to Properly Toggle Like.mp4

3. Develop Client-side Logic to Properly Toggle Like.vtt

4. Create and Implement unlikeRecipe Mutation with Optimistic UI.mp4

4. Create and Implement unlikeRecipe Mutation with Optimistic UI.vtt

15. Deploying our Application/

1. Prepare for Deployment.mp4

1. Prepare for Deployment.vtt

2. Use Fragments to Clean Up Queries.mp4

2. Use Fragments to Clean Up Queries.vtt

3. Deploy to Heroku.mp4

3. Deploy to Heroku.vtt

16. BONUS Adding Component Libraries to Style and Animate our App/

1. Add Additional CSS to Project.mp4

1. Add Additional CSS to Project.vtt

1.1 App.css.css

2. Adds imageUrl field on Recipe model and imageUrl input in addRecipe.mp4

2. Adds imageUrl field on Recipe model and imageUrl input in addRecipe.vtt

3. Display Recipe Image on Home Page, Build Card.mp4

3. Display Recipe Image on Home Page, Build Card.vtt

4. Style Recipe Page.mp4

4. Style Recipe Page.vtt

5. Add CKEditor Component to AddRecipe Page for Formatted Instructions.mp4

5. Add CKEditor Component to AddRecipe Page for Formatted Instructions.vtt

6. Intro to React Pose Animation Library.mp4

6. Intro to React Pose Animation Library.vtt

7. Add React Pose Animation to Home Page.mp4

7. Add React Pose Animation to Home Page.vtt

8. Add Spinners When Loading.mp4

8. Add Spinners When Loading.vtt

9. Style Searchbar and Redeploy.mp4

9. Style Searchbar and Redeploy.vtt

9.1 Final Code.zip.zip

17. BONUS #2 Update Recipes for Full CRUD Functionality/

1. Add Update Button, Make UserRecipes Stateful Component.mp4

1. Add Update Button, Make UserRecipes Stateful Component.vtt

1.1 Add Update Button, Make UserRecipes Stateful Component.zip.zip

2. Create Edit Recipe Modal.mp4

2. Create Edit Recipe Modal.vtt

2.1 Create Edit Recipe Modal.zip.zip

3. Populate Edit Recipe Modal.mp4

3. Populate Edit Recipe Modal.vtt

3.1 Populate Edit Recipe Modal.zip.zip

4. Create updateUserRecipe Mutation, Execute on Client.mp4

4. Create updateUserRecipe Mutation, Execute on Client.vtt

4.1 Create updateUserRecipe Mutation, Execute on Client.zip.zip

18. BONUS LECTURE/

1. Bonus Lecture.mp4

1. Bonus Lecture.vtt

1.1 Become a Subscriber CodeArtistry.html

2. Project Setup and Building a GraphQL Backend/

1. Git Clone and npm Install Dependencies.mp4

1. Git Clone and npm Install Dependencies.vtt

2. Initialize Express Server.mp4

2. Initialize Express Server.vtt

3. Create MongoDB Atlas Database and Connect To It.mp4

3. Create MongoDB Atlas Database and Connect To It.vtt

4. Create Mongoose Schemas.mp4

4. Create Mongoose Schemas.vtt

5. Add Apollo-Express Middleware.mp4

5. Add Apollo-Express Middleware.vtt

6. Create GraphQL Schema.mp4

6. Create GraphQL Schema.vtt

7. Add bodyParser Middleware and Root Query Type.mp4

7. Add bodyParser Middleware and Root Query Type.vtt

3. Queries and Mutations in GraphQL GraphiQL/

1. Create First Mutation.mp4

1. Create First Mutation.vtt

2. Create First Query.mp4

2. Create First Query.vtt

4. Creating our React App Connecting React to GraphQL/

1. Create React Application with create-react-app.mp4

1. Create React Application with create-react-app.vtt

2. Clean Up App.js and Add Components Folder.mp4

2. Clean Up App.js and Add Components Folder.vtt

3. Add Client Dependencies and Set Up ApolloClientApolloProvider.mp4

3. Add Client Dependencies and Set Up ApolloClientApolloProvider.vtt

4. Create Queries Folder, Write First Apollo Query.mp4

4. Create Queries Folder, Write First Apollo Query.vtt

5. Add cors Middleware to Prevent Cross-Origin Errors.mp4

5. Add cors Middleware to Prevent Cross-Origin Errors.vtt

6. Add Skeleton CSS and Base Styles.mp4

6. Add Skeleton CSS and Base Styles.vtt

6.1 App.css.css

5. Creating User Signup Functionality Password Hashing/

1. Create Signup Mutation.mp4

1. Create Signup Mutation.vtt

2. Hash User Password with bcrypt.mp4

2. Hash User Password with bcrypt.vtt

3. Add Routing with react-router-dom.mp4

3. Add Routing with react-router-dom.vtt

4. Add Form to Signup Component.mp4

4. Add Form to Signup Component.vtt

5. Manage Input State in Signup Form.mp4

5. Manage Input State in Signup Form.vtt

6. Add Mutation Component to Signup Component, Write SIGNUP_USER Apollo Mutation.mp4

6. Add Mutation Component to Signup Component, Write SIGNUP_USER Apollo Mutation.vtt

7. Add onSubmit to Signup Form, Run Signup Mutation on Client.mp4

7. Add onSubmit to Signup Form, Run Signup Mutation on Client.vtt

7.1 react-recipes.zip.zip

8. Create Error Component, Clear State Upon Submit, Add Form Validation.mp4

8. Create Error Component, Clear State Upon Submit, Add Form Validation.vtt

6. Adding Signin Functionality/

1. Create Signin Mutation on Backend.mp4

1. Create Signin Mutation on Backend.vtt

2. Implement Signin Mutation on Client.mp4

2. Implement Signin Mutation on Client.vtt

3. Add Token to Local Storage, Put Token on Authorization Header.mp4

3. Add Token to Local Storage, Put Token on Authorization Header.vtt

7. User Authorization in GraphQL/

1. Verify JWT on Backend to Get Current User.mp4

1. Verify JWT on Backend to Get Current User.vtt

2. Add getCurrentUser Query, Create withSession Component.mp4

2. Add getCurrentUser Query, Create withSession Component.vtt

3. Redirect Upon SigninSignup, Refetch getCurrentUser Query Upon Redirect.mp4

3. Redirect Upon SigninSignup, Refetch getCurrentUser Query Upon Redirect.vtt

8. Adding User-Based Navigation to React/

1. Add Navbar Component, Add Search Component.mp4

1. Add Navbar Component, Add Search Component.vtt

2. Add Navbar Links For Auth User.mp4

2. Add Navbar Links For Auth User.vtt

3. Make Navbar Dynamic, Add Custom Heading.mp4

3. Make Navbar Dynamic, Add Custom Heading.vtt

9. Building Basic UI from Query Data Adding User Signout/

1. Implement Signout Button.mp4

1. Implement Signout Button.vtt

2. Map Over Recipes, Create Recipe Item Component.mp4

2. Map Over Recipes, Create Recipe Item Component.vtt

3. Create Recipe Page, Get Recipe Id From Path.mp4

3. Create Recipe Page, Get Recipe Id From Path.vtt

4. Add getRecipe Query in Backend, Run Query on Recipe Page.mp4

4. Add getRecipe Query in Backend, Run Query on Recipe Page.vtt

5. Output getRecipe Data to Recipe Page, Scaffold Add Recipe Form.mp4

5. Output getRecipe Data to Recipe Page, Scaffold Add Recipe Form.vtt

Total files 166