Learn React 18 for free
- Offered byCodedamn
Learn React 18 for free at Codedamn Overview
Total fee | Free |
Mode of learning | Online |
Official Website | Explore Free Course |
Credential | Certificate |
Learn React 18 for free at Codedamn Highlights
- Certificate of completion
- 5 hours+ on-demand video content
- 38 hands-on-keyboard exercises
- This course + all other courses access (codedamn Pro)
- Full lifetime access (Purchase without codedamn Pro)
Learn React 18 for free at Codedamn Course details
- Build powerful, fast, user-friendly and reactive web apps
- Provide amazing user experiences by leveraging the power of JavaScript with ease
- Learn React Hooks & Class-based Components
- Apply for high-paid jobs or work as a freelancer in one the most-demanded sectors learner can find in web dev right now
- JavaScript is the major driver of modern web applications since it's the only programming language which runs in the browser and hence allows learner to provide highly reactive apps
- Learner will be able to achieve mobile-app like user experiences in the web
- This course will start at the very basics and explain what exactly React is and how learner may use it (and for which kind of apps)
- By the end of the course, learner can build amazing React (single page) applications
Learn React 18 for free at Codedamn Curriculum
Introduction to React
Introduction (Watch video)
Developer Setup (Watch video)
First Program (Watch video)
First Program Explained (Watch video)
React Hello World (Practice concept)
React 18 Fundamentals
createRoot in React 18 (Watch video)
Components (Watch video)
JSX Expressions (Watch video)
Props (Watch video)
Conditional Rendering (Watch video)
DOM Events
Working with State
Stateful React components
useState functional argument
Building an increment decrement counter
Random quote generator
useEffect Hook
To Do App
Introduction
Building to do app
Running function on enter key
Delete item
Accordion Practice Project
Creating UI for first question
Creating Single Question component
Adding answers to questions
Expanding and collapsing answers
React Quiz Project
Introduction to project
Setting the first question dynamically
Setting the first question answers dynamically
Adding question index state variable
Handling quiz end
Calculating quiz score
React Birthday Reminder Project
Introduction to project
Creating birthday view container
Populating static list data
Displaying the UI
Adding a Clear button
Simple TikTok UI clone
Introduction
Creating the project structure
Adding player styles
Loading multiple videos through API
Snapping videos to top
Creating video metadata panel
Creating like, share, comment and music disc buttons
Making like button work
Making videos play/pause correctly
Routing Introduction
Introduction
Exact route match
Dynamic Routes
Data fetching in React
React Tours App
Introduction to Project
Fetching Tours Data
Setting Loader
Creating Tours UI
Adding "Read More" button
Removing Tours
React Restaurant Menu App
Introduction to project
Getting basic UI Ready
Passing data to Menu page
Creating Categories
Creating filter function
Making categories dynamic