Modern JavaScript
- Modern JavaScript
- Creating variables using const
- Creating variables using let
- Template strings
- Default parameters
- Arrow functions
- Arrow functions and this keyword
- Destructuring object
- Destructuring array
- Restructuring
- Spread and rest operators
- Class constructor super
React Basic
- Installing react
- React files and folders introduction
- Storing data in component state via ajax call
- Rendering state data using map
- Conditional rendering
- Imports exports props
- Handling click events
- Destructuring inline styling and keys
Installation, Folder Structure and Setup
- Installing react and friends
- Introduction to files and folder structure
- Setup bootstrap and firebase
Forms, Events and Data Snapshots - React with Firebase
- Creating a form
- Handling onChange event
- Handling onSubmit and saving to firebase realtime database
- Getting snapshot from firebase
Redux store, Action Creators and Reducers
- Read before continuing this section
- Creating redux store
- Redux action types and action creators
- Creating reducers and combine reducers
- Passing reducers to redux store
Connect and Implement CRUD in React Redux Application
- Connecting react with redux
- Create and read using redux
- Delete note
More on React Components
- Using children components
- Converting to functional stateless component
- Login page markup
Navigation
- Building navbar
- Adding links and inline styling
Authentication Setup
- Enable authentication options in firebase
- Authentication action creator
Login, Logout, User Actions and Reducers
- Dispatch social login method on click event
- Get user action creator and reducer
- Getting logged in user info
- Moving routes
- Implement logout
Managing Notes and User Status
- Dispatching notes status
- Dispatching users status
Loading and Authenticated Components
- Loading reducer
- Loading component part one
- Loading component part two
- Authenticated component
Redirects, Permissions and Note Details
- Redirect users to login or home page
- Styling landing page
- Add NoteEdit Page, Link and Route
- Permission to delete note
- Display note details
Commenting System
- Submit comment component
- Comment onChange and onSubmit
- Push comments to firebase
- Rendering comments
Note Update
- Note update page
- Populate note content to update
- Implementing update note
User profile and styling
- Redirect to login page
- Give a modern look with awesome CSS
- User profile on side
- Styling loading component
Deploying to Firebase Hosting
- Deploy to firebase hosting
Understanding How Redux Works
- Learning redux
- How redux works part one
- How redux works part two
- How redux works part three
Code Download
- Download source code from github
BONUS
- 10 Full Stack Course That Will Change Your Life
