React JS Made Easy - Using Next.JS [2024]

Focused View

Omar Maksousa

6:33:39

20 View

1. Introduction to React JS

1. Overview of React JS and its features.mp4

10:35

2. Getting Started wirh REACT JS and NEXT.JS.mp4

05:00

3. Directory Overview.mp4

13:35

4. Running Application.mp4

04:00

2. React Components And Life Cycle

1. Component and JSX.mp4

05:56

2. Creating Simple Component.mp4

06:22

3. Functional Components & Class Components.mp4

04:10

4. Component Life Cycle.mp4

14:56

5. Life Cycle Quiz.html

6. Exports. Default export vs Named Export.mp4

08:38

3. Styling in React

1. Inline Styling.mp4

09:20

2. Styling Options.mp4

13:26

4. Props and Reusability

1. Props in React.mp4

10:19

2. Props & Reusable Components.mp4

11:50

3. Children in React.mp4

03:35

4. Conditional Rendering.mp4

08:36

5. Project

1. Create Static Management Portal - Part One.mp4

15:21

2. Create Static Management Portal - Part Two.mp4

19:37

6. Javascript Revision - Objects & Array

1. Objects.mp4

10:41

2. Arrays.mp4

10:13

7. State Management

1. State Management.mp4

10:34

2. State and Re-rendering.mp4

14:11

3. State in Class Component.mp4

04:35

4. State & Events Input Handling.mp4

10:59

5. Quiz about state.html

8. Coffee Break

1. Coffee Break - Few words from the heart.mp4

01:56

9. Project Create Form For User Management

1. User Management Form.mp4

12:01

2. Common Mistakes.mp4

03:22

10. React Rendering & Optimization

1. Rendering and Memoization The Why and When and how.mp4

13:52

2. to delete.mp4

10:35

11. Navigation

1. to delete.mp4

19:37

2. Navigation and Pages Linking.mp4

07:18

3. Navigation and Linking.mp4

07:18

12. External Libraries

1. find the issue.html

2. External Packages. The Why and How.mp4

09:14

3. Installing Third Party Packages.mp4

09:31

13. Project Creating Side Menu & Table Components

1. Creating Side Menu Component.mp4

14:31

2. Creating Table Component.mp4

09:39

14. Javascript Event Loop

1. Async Functions.mp4

07:22

2. Promises.mp4

02:01

15. Getting Data From Server

1. Fetch Function.mp4

09:29

16. How To Make It Live

1. Going Live - Theoretical Lecture.mp4

04:30

17. Advanced React Concepts

1. React Virtual Dom, Webpack & Babel.mp4

13:02

18. Global State Management

1. Redux & Zustand.mp4

10:45

19. Goodbye

1. Few words from the heart.mp4

01:07

Description

Learn React JS using Next.JS Framework

What You'll Learn?

Become an advanced, confident React developer from scratch
React fundamentals: components, JSX, props, events, state, forms
Build reusable components and use it everywhere
Become job-ready by working with libraries and tools used in professional projects
Style your apps with Tailwind CSS, CSS Modules, Styled Components (CSS-in-JS)
Learn Javascript fundamentals that will benefit you everywhere
Start a new project in Next JS Framework
Learn NEXT JS Basics
Integration with REST APIs

Who is this for?

Beginner Javascript developers who want to learn React

Beginner React developers who want to learn NEXT JS

Beginner Web developers who wants to learn a web framework

What You Need to Know?

Basic Web Development skills.

No prior React or any other JS framework experience is required!

No advanced level Javascript knowledge is required. Basics are enough

Any computer will work — Windows, macOS or Linux

More details

Description
Welcome to the React.JS made easy course!
React.js is THE most popular JavaScript library you can use and learn these days to build modern, reactive user interfaces for the web.
In this course you will be learning how to create web applications using React JS in Next.JS Framework. This course is for React beginner who wants to enter the React Development field and are eager to start a career and earn money with it.
The goal for this course is to reach a level where you can work in an enterprise companies and deliver high quality websites and face any upcoming challenge with full confidence.
This course is NOT designed to be 60+ hours course that will teach you a lot of things that you will probably NOTÂ EVENÂ NEED, it is a light course that will teach you the things that you will 100% need and give you the ability to learn and understand the upcoming challenges that you will face.
This course is completely up-to-date with the very latest version of React with all the core, modern features you need to know & teaches you React in a practical, hands-on way!
Check out the full curriculum and join the course risk-free thanks to the 30-day money-back guarantee!
Who this course is for:
Beginner Javascript developers who want to learn React
Beginner React developers who want to learn NEXT JS
Beginner Web developers who wants to learn a web framework

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, My name is Omar, front-end developer who is passionate about Mobile & Web Development. Certified in User Experience from Nielson Norman Group and ICAgile Certified Professional. I have Been Developing applications and teaching students for 6 years and cannot wait to share with you the experience and knowledge that I've gathered.

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.