React Projects Course: Build Real World Projects

[LeeAndro]

Published 3/2023MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: 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 JavaScript 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 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 useEffectHandling 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 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

HomePage:

https://www.udemy.com/course/react-project-course/

DOWNLOAD
1dl

https://1dl.net/osrg0y8nefr6/kRIjeYrG__React_Proj.part1.rar
https://1dl.net/ww9ulfkt3cbj/kRIjeYrG__React_Proj.part2.rar