React Node FullStack - Social Network from Scratch to Deploy [Video]
-
Free ChapterUnderstanding Node JS
- What is node js
- Why learn node js
- Installing node js
- Javascript in browser environment
- Javascript in node js environment
- Getting started with node js
- Writing functions
- Import export
- Using arrow functions
- Object destructuring
- Using node js core modules
- Using npm packages
- Using express
- Node js event loop
- Programming for event loop
- Asynchronous programming
- Synchronous programming
- Functional approach
- Secrets of understanding node js
-
Node JS API Development - First Steps
-
Node JS API Development - Posts
-
Node JS API Development - Authentication
-
Node JS API Development - Authorization
-
Node JS API Development - Users
-
Node JS API Development - Users and Posts
-
Modern JavaScript
-
React JS Basic
-
React JS Web App Development (frontend)
-
React JS - Users signup and sign in
- Signup form
- Handling onChange events
- User signup
- Code refactoring
- Showing validation and success message
- Code refactoring signup page
- Sign in page
- User sign in
- Loading…
- Menu component
- Styling and active link
- Sign-out
- Conditional rendering of signup sign in links
- Show username
- Code refactoring auth logic
-
React JS - Users profile
- Profile page
- Showing user info from local storage
- Using .env variables
- Fetch user profile
- Code refactoring fetch user
- Show edit profile delete profile buttons
- Active link user profile
- What's next
- Users component
- Populate users in state
- Loop through users
- Style user cards
- Default profile image
- All users profile page
- Delete profile component
- Users profile based on props change
- Delete account prompt
- Delete user account
- Edit profile component
- Pre profile edit profile form
- Update user profile
- Client-side validation on profile update
- Private route for authenticated users only
- Profile photo upload
- Loading... on edit profile
- Node API - Update profile with image
- File size validation
- Node API - Get user photo with separate route
- Display profile image in edit profile page
- Default image and profile image on all pages
- User about field
- Update user info in local storage
-
Node JS API Development - Users Follow and Unfollow
-
React Frontend - Users Follow Unfollow
-
React Frontend - Posts and Users
- Starting with posts
- Create new post
- Show all posts in home page
- Show post's user date and excerpt
- Node API - Post image
- Show posts with image
- Single post component
- Load single post in state
- Display single post
- Show loading on single post and posts
- Posts by user
- Display posts by user
- Show update delete buttons
- Delete post
- Delete post prompt
- Update post component
- Implement update post
- Update post photo and error messaging
-
Like and Unlike
-
Comments
-
Custom reCAPTCHA
-
Super Admin Backend
Whether you’re looking to enhance your JavaScript skills or understand Node.js programming, React Node Full Stack – Social Network from Development to Deployment is a useful hands-on tutorial. In this course, you’ll get started with learning React with Node.js from scratch.
You'll not only build a full stack social network application from scratch but also learn to deploy it to the cloud. All along, you’ll explore the fundamentals of Node.js and React.js, and even gain comprehensive insights into modern JavaScript. The course will then delve into ‘Create, Read, Update, Delete’ (CRUD) for user posts. As you progress, you’ll even learn to use Postman. Later, you’ll understand how to deploy a React.js web app to the DigitalOcean cloud server.
By the end of this course, you’ll be equipped with the skills you need to build fast, flexible, and scalable APIs with Node.js.
All code is placed in the following GitHub link -
https://github.com/sanjanapackt/PacktPublishing-React-Node-FullStack---Social-Network-from-Scratch-to-Deploy
- Publication date:
- December 2019
- Publisher
- Packt
- Duration
- 19 hours 54 minutes
- ISBN
- 9781800207400