JavaScript Programming for Beginners
PowerBI Data Analyst - Create visualizations and dashboards from scratch
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn React JS fundamentals through this comprehensive tutorial that covers essential concepts and culminates in building a practical To-Do List application. Master core React concepts including components, JSX syntax, list rendering, and essential hooks like useState, useRef, and useEffect, while also understanding how to pass props between components and handle events. Build a fully functional To-Do List app that allows users to add, complete, and manage tasks with local storage integration to persist data across browser sessions. Explore React's component-based architecture, understand how React works under the hood, and set up your development environment from scratch. Practice rendering dynamic lists, managing component state, and implementing user interactions through hands-on coding exercises. The tutorial includes downloadable assets and provides practical knowledge that can be applied to create portfolio websites, eCommerce platforms, or social media applications, making it suitable for both beginners starting their React journey and those looking to strengthen their front-end development skills with a project-based approach.
Syllabus
00:00 What you will learn
00:45 What is React
02:38 React Environment Setup
05:24 How React Works
06:46 React Components
09:20 How JSX Works
10:10 Rendering List
15:42 React useState Hooks
18:20 Passing Props
22:00 React useRef Hooks
27:35 Create To-Do list app using React JS
49:16 React useEffect Hooks
Taught by
GreatStack