Learn core concepts in React JS
What you will learn
Learn React from scratch
Start your journey as React JS developer
Learn React JS by creating Project
Learn React Hooks and Context API
Description
This course teaches you all React concepts, from the ground up, step by step by diving into all the core basics.
What’s in this course?
- Core basics: How React state works, how to work with lifecycle methods.
- What is functional components in react
- Props and state in react
- Handle events
- Fetch data from API
- Learn how to render lists and keys
- What is UseState and how to manage state in functional components.
- UseEffect hook and handle side effects in functional components.
- UseContext hook and Global state management
- UseReducer hook and complex state management.
- Implement React food application from scratch
- Deploy react application to google firebase
Who this course is for:
- Anyone who wants to develop scalable web-apps with React and want to become expert react developer.
- Programmers who want to increase their value as web developers.
- Anyone who wants to become a freelancer or an independent web app developer.
What you’ll learn
- All react core features
- How state and props works in react
- How to work with different react js hooks
- How to work with local storage
- How to extract data from local stroage
- How to improve performance of react application using use callback and use memo hooks
- How to manage global state using use context hook
Are there any course requirements or prerequisites?
- Basic HTML, CSS, JavaScript knowledge
English
language
Content
Introduction
Introduction
Creating React JS Project and Folder Structure Analysis
Creating First React JS Component
JSX In React
Food Managing App – Search Recipes
Implementing Search Component
Implementing Search Component
UseState Hook and State Management
Concept Of Props and Handle Form Submission
Food Managing App – List Recipes
Fetch Recipes From API
Show Loading State While Calling API
Display List of Recipes and Concept of Keys In React JS
Implementing Recipe Item Component
Food Managing App – Favorites
Implementing Add To Favorites Functionality
UseEffect Hook and Render List of Favorite Recipes
Implementing Remove From Favorites Functionality
Reset Search Form
UseReducer Hook and Search Favorites Functionality
Food Managing App – Theme Functionality
Context and Implement Theme Context Functionality
UseContext Hook and Toggle Theme Functionality
Food Managing App – Performance Optimization
UseCallback Hook and Performance Optimization
UseMemo Hook and Render Recipes Using UseMemo
Implementing Scroll to Top Functionality and Improving Application Code Quality
Food Managing App – Deployment
Deploying Application To Google Firebase