React Projects Course: Build Real World Projects

0

1

2

3

4

5

Posted on 27 Mar 12:47 | by mitsumi | 40 views

React Projects Course: Build Real World Projects
Published 3/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.37 GB | Duration: 2h 15m

Learn React by Building 5 Interesting Projects

What you'll learn
The React basics
Functional React components
React hooks like useState() and useEffect()
Handling user events
Props and State
Building real-world React applications
Requirements
Basic knowledge of HTML and CSS
Description
React is a jаvascript library for building user interfaces. It is developed and maintained by Facebook, and is often used for building single-page applications and mobile applications.Every successful business uses react and is looking for new talents daily.One reason to learn React is that it is a popular and in-demand technology, so learning it can improve your job prospects and make it easier to find work as a front-end developer. React is also a good choice for building modern web applications because it is efficient, scalable, and fast, and it uses a virtual DOM (a lightweight in-memory representation of the actual DOM) to minimize the number of DOM manipulations required, which makes it easier to build high-performance applications.Another reason to learn React is that it saves you time and money on development because it's component-based. You can break down an interface into reusable components that allow you to build dynamic user interfaces.Overall, React is a powerful and widely used tool for building modern web applications, and learning it can be a valuable addition to your skillset as a front-end developer.During the course we are going to use latest version of React - React 18.As far as concepts we are going to coverThe React basicsFunctional React componentsReact hooks like useState() and useEffect()Handling user eventsJSX and Rendering templatesProps and StateCreating and organising componentsBuilding real-world React applicationsHere are some of the projects we are going to build in this course1. Pomodoro2. Markdown Editor3. Highlight Tabs4. Rock Paper Scissors5. Moving Boxes
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 Starter and Final Files in GitHub
Section 2: Project 1 - Pomodoro
Lecture 3 Preview
Lecture 4 Time and Start
Lecture 5 Stop and Reset
Section 3: Project 2 - Markdown Editor
Lecture 6 Preview
Lecture 7 Build a Markdown Editor
Section 4: Project 3 - Highlight Tabs
Lecture 8 Preview
Lecture 9 Highlight Tabs
Lecture 10 React Router
Lecture 11 Refactoring
Section 5: Project 4 - Rock Paper Scissors
Lecture 12 Preview
Lecture 13 Getting Started
Lecture 14 Displaying Game State
Lecture 15 Choosing a Winner
Section 6: Project 5 - Moving Boxes
Lecture 16 Preview
Lecture 17 Setting up a Canvas and Box
Lecture 18 Handling Keyboard Arrows
Developers who are familiar with HTML and CSS and want to learn ReactJS