This project-based course on React JavaScript Framework for beginners aims to teach students how to build three different projects using React. By the end of the course, learners will be able to create functional components, implement hooks and state management, work with APIs, utilize context to avoid prop drilling, and navigate between pages. The course is taught using a combination of video lectures, hands-on coding exercises, and real-world project implementations. It is designed for beginners who are new to React and want to kickstart their learning journey in web development.
Overview
Syllabus
) Course Introduction.
) Introduction, part 1.
) What is Replit.
) What is React.
) Create a Repl.
) Create Functional Components.
) Install Bootstrap 5.
) Implement the useState Hook in a Functional Component.
) Upload Image Files to Replit.
) Create JSX Code to Render Bootstrap Cards for Employees.
) Create Teams DropDown List.
) Use JavaScript Events to Set State.
) Move State Related Functionality to the App Component.
) Understanding Props.
) LocalStorage and the useEffect Hook.
) Routing, react-router-dom package, Navigation.
) Create Employee Component.
) Abstract Responsibilities Into Functional Components.
) Implement Media Queries.
) Using Context to Reduce or Avoid Prop Drilling.
) Course Wrap up.
) Introduction, part 2.
) Setup.
) Context API.
) Data Fetching.
) Meals Component.
) Search Component.
) Modal Component.
) Favorites Component.
) Introduction, part 3.
) Initialize Project.
) React Router.
) Fetching Data From API.
) Multiple Requests with Promise.all().
) Map Method for rendering lists.
) Rendering Table of Stocks.
) Color Coding data.
) Autocomplete Search Component.
) Context API.
) Navigating Between Pages.
) Fetching Historical Data.
) Formatting Data.
) Working with Charts.
) Chart Time Toggle.
) Delete Stock (Event Propagation).
) Stock Data.
) Local Storage.
Taught by
freeCodeCamp.org
