React 18 Course 2024 - Learn React JS the fast way

Focused View

Denis Panjuta,Jannick Leismann

4:46:00

604 View

1. React Fundamentals

1. Project Moviedux Introduction.mp4

01:14

2. Sourcecode Moviedux.html

3. React 101 React itself.mp4

04:56

4. Installing Visual Studio.mp4

01:03

5. Installing NodeJS.mp4

01:52

6. React extensions that make our life easier.mp4

01:51

7. Creating a React project und handling package versions.mp4

05:55

8. Exploring our ReactJS project.mp4

04:57

9.1 resources.zip

9. Download Moviedux Project Resources (Images, Logos, Css, etc.).html

10. Importing the Moviedux project resources.mp4

02:49

11. Modifying the app component.mp4

03:41

12. React 101 - Components.mp4

06:48

13. Creating the Header component.mp4

10:07

14. Footer component with dynamic date and JSX.mp4

05:51

15. Quiz Components.html

2. Handling state with React

1. Creating the MoviesGrid component.mp4

04:45

2. React 101 - State.mp4

05:26

3. Creating the movies state with UseState.mp4

05:30

4. Setting the movies state with UseEffect.mp4

02:59

5. Using the react developer tools.mp4

03:13

6. Loading movies from JSON.mp4

04:05

7. Rendering the movies in cards.mp4

06:58

8. A small request.html

9. Quiz State.html

3. Events, Searching, Refactoring and Domain Logic

1. React 101 - Props.mp4

05:35

2. Refactoring to a MovieCard and component properties.mp4

06:49

3. Error handler for image loading.mp4

03:36

4. Dynamic rating color.mp4

05:32

5. Search state and search bar.mp4

04:29

6. Search bar logic.mp4

07:03

7. Quiz Props.html

4. Filtering with advanced UI and events

1. Filter bar.mp4

06:14

2. Filter event handling.mp4

03:05

3. Filter logic.mp4

07:42

5. React Router, Watchlisting, Lifting State and Props

1. React 101 Router.mp4

04:54

2. Installing React Router.mp4

03:15

3. Configuring the router.mp4

07:31

4. Lifting the movie state.mp4

06:00

5. Watchlist state.mp4

05:06

6. Watchlist component props.mp4

06:07

7. Watchlist UI toggle.mp4

08:42

8. Quiz Router.html

6. Building a web application with React Reducers

1. Project Bug Blaster Introduction.mp4

01:55

2. Source Code Bug Blaster.html

3.1 styles.zip

3. Resources for Bug Blaster Project.html

4. Setting up the bug blaster project.mp4

05:07

5. Creating the ticket form logic.mp4

05:14

6. Building the ticket form.mp4

04:38

7. Building the priority selection.mp4

11:01

8. Building a ticket from the form.mp4

03:02

9. React 101 - Reducer.mp4

09:44

10. Creating the ticket reducer.mp4

04:18

11. Quiz Reducer.html

12. Implementing the ticket reducer actions.mp4

07:49

13. Dispatching the ADD_TICKET action using the useReducer hook.mp4

08:02

14. Creating the TicketItem component.mp4

05:36

15. Creating the TicketList component and conditional rendering.mp4

06:57

16. Deleting tickets.mp4

04:21

17. Editing Tickets.mp4

11:44

18. Deleting an under-edit ticket.mp4

07:30

19. Canceling an edit procedure.mp4

03:18

20. Sorting tickets by priority.mp4

10:04

7. Completing the course

1. Congrats.html

Description

Develop React JS web applications including components, state, effect, hooks, React router, reducer, context, etc.

What You'll Learn?

Learn React in-depth in a short amount of time
Build comprehensive web apps like a modern video platform
Learn how to deal with data within your React applications
Use React components, React router, and state to create a maintainable code base
Learn how to use reducers for building scalable applications

Who is this for?

Anyone who wants to learn React in a fast but comprehensive way

Busy professionals who are interested in expanding their coding skills but are constrained by time

Beginner developers who want to learn the most popular web development frameworks

What You Need to Know?

Basic programming skills would be great

More details

Description
Learn React with a course that respects your time!

Summing up, this course allows you to learn React JS (v18 - 2024) in depth, from scratch, and in only a few hours. It's the best React course choice for every busy developer or individual in general.

Enroll in this course now and learn how to:
Create comprehensive front-end applications using React
Use React components, routing, and states to create maintainable applications
Use the most important features of the React framework to build real-world applications
Build clean and scalable React applications by using reducers
Implement global state management using the Context API
Deal with real-world data

What's inside this course:
Setting up Development Environment for React projects
Components
React Hooks (e.g. useState, useEffect, useReducer)
States
Effects
React Router
Reducers
Context API and Providers (useContext and createContext)
JSX
Filtering
Searching
Dynamically assigning styling
Reacting to HTML events
Forms
Validation
Data Binding
Adding Packages
React Dev Tools

In addition, you will easily apply and understand more advanced concepts like:
Error Handling
Sending Data to child components
Sending Data to parent components
Creating controlled components
Building scalable react applications by improving state handling (reducers and context)

30 Day Full Money Back Guarantee
This course comes with a 30-day full money-back guarantee. Take the course, watch every lecture, and do the exercises, and if you feel like this course is not for you, ask for a full refund within 30 days. All your money back, no questions asked.

Enroll now, take the fast lane, and master React JS in only a few hours.
Who this course is for:
Anyone who wants to learn React in a fast but comprehensive way
Busy professionals who are interested in expanding their coding skills but are constrained by time
Beginner developers who want to learn the most popular web development frameworks

User Reviews

Rating

average 0

Total votes0

Focused display

React

Denis Panjuta

Instructor's Courses

Hi. I'm Denis. I have a degree in engineering from the University for Applied Science Konstanz in Germany and discovered my love for programming there.Currently, over 200,000 students learn from my courses. This gives me a lot of energy to create new courses with the highest quality possible. My goal is to make learning to code accessible for everyone, as I am convinced, that IT is THE FUTURE! So join my courses and learn to create apps, games, websites, or any other type of application. The possibilities are limitless.Hi. Ich bin Denis. Ich habe einen Bachelor in Wirtschaftsingenieurswesen der HTWG Konstanz und habe dort meine Begeisterung für's Programmieren entdeckt.Zur Zeit lernen bereits über 200.000 Studenten von meinen Kursen. Dies gibt mir extrem viel Motivation und Energie noch mehr und bessere Kurse zu erstellen. Mein Ziel ist es, das Programmierenlernen so zugänglich wie möglich zu machen, denn ich bin überzeugt, IT ist DIE ZUKUNFT!Also tritt meinen Kursen bei und lerne wie man Webseiten, Apps, Spiele oder andere Programme entwickelt. Die Möglichkeiten sind grenzenlos.

Jannick Leismann

Instructor's Courses

Hi,my name is Jannick, I work full-time as a software developer in my own agency and as an online instructor in the field of programming.As a Microsoft certified developer, I specialize in creating video courses for beginners and advanced programmers.Over 190,000 course participants already trust my expertise as a software developer.So what are you waiting for? Enroll in one of my courses and take the first step into your new career.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.