Reactjs Introduction
- Introduction to the course
- Mindset to learn reactjs
- Our first virtual Hello World in reactjs
- Setting Reactjs in local environment
Getting the basics of Reactjs right
- What we will do in section 2 - Intro
- Github repo for React course is here
- Get all course codes and exercise files here
- Understanding reactjs App
- Creating our first react component
- Importing components from other files
- Calling functions in components
- Virtual DOM in reactjs
Props, state and component life cycle in reactjs
- What we will do in section 3 - Intro
- Props in reactjs
- props types in react js
- States in react js
- Components life cycle part 1
- Components life cycle part 2
- Project 1 - Create react app manually and understanding it
3 Projects and routers in react JS
- What we will do in section 4 - Intro
- First Blog App - setting structure
- First blog App - breaking down components
- Timer App part 1 in react js
- Timer App part 2 in reactjs
- Course sales app - part 1 - setup
- Course sales App - part 2 - getting courses
- Course sales App - part 3 - logic for selecting courses
- UPDATE - React router 4.x.x walk through
- React router baiscs
- Creating first route and link
- Route inside a route
3 projects - Firebase with React js
- What we will do in section 5 - Intro
- Usurvey App -setting up firebase
- Setting input form to ask name
- setting if else condition
- displaying questions for students
- handling questions with state
- saving everything to firebase and finish it
- Firebase Login App - Setting app structure
- Firebase Login App - Setting up login calls
- Firebase Login App - Setting up signup calls
- Firebase Login App - logout the user
- Google Sign In - setting up button
- Google Sign In - sign in with popup
3 projects with Auth0, Reddit API and github API
- What we will do in section 6- Intro
- API basics - setting up project
- API basics - getting subredit from JSON
- Github searcher - setting headers
- Github Searcher - showing login and signup popups
- setting user token and profile
- passing components to header for logout
- logout applied and clearing local storage
- fetching Github API with Fetch
- Handling search from github
- showing profiles of users
- Setting Environment for ES6
OPTIONAL - ES6 Bootcamp
- Let and const keyword with caution
- arrow functions in ES6
- THIS keyword is now fixed
- Code Hoisting and default parameters
- Dynamic Object creation
- For of loop - Best of all
- Super dots in ES6
- Setup and import exports
OPTIONAL - ES6 Bootcamp Beyond basics
- exporting functions
- importing everything from files
- MAPS - complete guide
- SET in ES6 - marvel universe
- Static function and getters and setters in ES6
- Symbols in ES6
- Classes in ES6
- Introduction to promises in ES6
- Web request using promises
See you next time - Farewell
- Farewell
After launch updates
- Project 11 - Complete youtube video fetching app
- Redux Fundamentals - as easy as possible
