Favorites
b/udemy1byELKinG

React Projects Course: Build Real World Projects

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 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 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

Screenshots

React Projects Course: Build Real World Projects

Homepage

without You and Your Support We Can’t Continue
Thanks for Buying Premium From My Links for Support
Click >>here & Visit My Blog Daily for More Udemy Tutorial. If You Need Update or Links Dead Don't Wait Just Pm Me or Leave Comment at This Post

No comments have been posted yet. Please feel free to comment first!

    Load more replies

    Join the conversation!

    Log in or Sign up
    to post a comment.