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
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
Download from free file storage
Resolve the captcha to access the links!
Registered members don't get captcha ... just sayin