BEST

Get Started with React Right Now

Name: Get Started with React Right Now
Price: 110000 KRW

🤔 Don't want to study React from A to Z, and just want code that you can apply right away!? You've come to the right place! If you want lectures from A to Z, please purchase another good lecture, and get only the practical things here! Right now! Learn the basic concepts and applications of React with this course and create your own project easily and quickly.

(4.6) 26 reviews

675 learners

React

Redux

Reviews from Early Learners

What you will learn!

The concept of React and reasons for using it
Create React project
JSX Basic Syntax
Creating Components Based on Conditions
How to use a router
Concepts and practice with various Hooks
Component Lifecycle
The concept and usage of Redux

When studying React?
Right now, Right Now! 🦾

Get started with React right now 🏃

Should I put it into practice right away?
Do you need to work on a project right now?
Do you have to submit your assignment right now?
Want to try React right now?

Then get started with React right now! You'll find out when you create!

React?

React is a 'library' for front-end development.
It is possible to reuse data in various formats based on components.
You can use various functions as efficiently as you need.

Why Use React 📌

Component based
High reusability and maintainability

Using a router
Easy to develop SPA

There are a lot of communities and resources.
High development scalability

Features of this course ✨

Quick report
Apply now!

We have prepared a variety of examples that cover only the important core concepts. Most of the lectures proceed from 'project → theory' rather than 'theory → project'.

In the lecture materials
Feel free to browse!

We provide a lecture Notion page so that you can understand it without having to search.

Basic lecture
no!

This course will teach you only 'practical' grammar quickly. The course will proceed under the assumption that you know HTML, CSS, and JS. Please refer to the 30-minute summary lecture season 1. If you want to know React from A to Z, I recommend taking another React basic course. :)

What will you learn in class? 🕵️‍♀️

What is React and why do we use it?
Create a React project
JSX Basic Grammar
Creating a Component based on conditions
How to use the router
Concepts and Practice of Various Hooks
Component life cycle
Redux Concepts and Usage
Project 1
Project 2

📢 Please note before taking the class!

I use VSC(Visual Studio Code). (I will tell you about useful VSC extensions and how to use them, but I will not start with installing VSC.)
If you want to start by making something and gradually learn the theory, I recommend starting with the project!

I recommend this to these people 🙋

I want to learn React, how do I do it?
For those who don't know where to start

Start a React project right now
Anyone who wants to experience it

Important core concepts with examples
For those who want to learn quickly

Recommended for
these people

Who is this course right for?

For those who want to learn React but don't know where to start.
For those who want to dive into a React project right now
For those who want to quickly learn core concepts with examples.

Need to know before starting?

Basic HTML, CSS, and JavaScript syntax

Hello
This is

10,558

Learners

381

Reviews

Answers

4.8

Rating

Courses

더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.

제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요!

" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "

▶︎ 더 오름 로드맵

Co-instructor

Curriculum

All

64 lectures ∙ (8hr 0min)

Course Materials:

Lecture resources

Section 1. Course Introduction and Course Materials

6 lectures ∙ (2min)

Section 2. Get Started with React Now

30 lectures ∙ (4hr 15min)

7. Essential Install + Try Adding to My Webpage in 1 Minute
10:33
8. Reasons for Using React and Practical Example 1 - Componentizing Page Components
11:45
9. Reason for using React and Practical Examples 2 - Moving Forward
07:56
10. Reasons for Using React and Practical Examples 3 - Practical Example (Creating a Shopping Mall)
11:49
11. Reasons for Using React and Practical Example 4 - Practical Example Enhancement
16:55
12. Creating and Deploying a React Project
13:48
13. JSX
13:16
14. Solutions
03:08
15. Fragment
04:32
16. Creating a Component
14:21
17. Hook - useState
08:07
18. Practice Problem Solutions
03:13
19. React Event Handling
11:11
20. Make a Component List
07:16
21. Practice Problem Solutions
01:39
22. Rendering Components Conditionally
12:16
23. Applying Style 1
12:46
24. Applying Styles 2
04:50
25. Applying Style 3
02:47
26. Render Props - Composition Component
06:55
27. React Router
13:57
28. Hook - useEffect
08:11
29. Hook - useRef
08:47
30. Hook - useMemo
15:56
31. Context(ContextAPI)
05:42
32. Hook - useContext
03:25
33. (Reference) Life Cycle - class component
02:30
34. useState - Lazy initailize
02:28
35. Functional Component - Hook Flow
10:42
36. Hook - Custom Hook
04:23

Section 3. Start Redux Now

5 lectures ∙ (44min)

37. What is Redux?
15:45
38. Redux, Let's Know Just This!
02:22
39. Using Redux in a Node environment (vanilla JS)
05:42
40. Using Redux in React (React)
11:53
41. Redux Toolkit
08:36

Section 4. Project 1 | Shopping Mall Main Page Implementation

5 lectures ∙ (40min)

Section 5. Project 2 | Making My Blog

11 lectures ∙ (1hr 25min)

Section 6. Appendix

7 lectures ∙ (52min)

Published:

Last updated:

Reviews

All

26 reviews

4.6

26 reviews

miniapp
Reviews 2
∙
Average Rating 3.0
3
63% enrolled
Nói chung bài giảng rất đáng thất vọng...
justfix0109464
Reviews 14
∙
Average Rating 5.0
5
9% enrolled
Tôi đã rất sợ khi bắt đầu React, nhưng sau khi xem bài giảng, nỗi sợ hãi của tôi đã biến mất rất nhiều!
jamie7dev
Reviews 4
∙
Average Rating 5.0
5
17% enrolled
Tôi nghĩ đây là khóa học tốt cho những người mới làm quen với React. Thời gian học không dài và không có nhiều tài liệu cho mỗi bài giảng, vì vậy nên học theo từng phần nhỏ. Tôi tự hào khi thấy kết quả của trung tâm mua sắm và trang blog của mình sau khi tham gia lớp học.
7552
Reviews 9
∙
Average Rating 5.0
5
6% enrolled
Bài giảng có nhiều ví dụ khác nhau. Nhờ vậy mà tôi hiểu rõ hơn là chỉ học lý thuyết. Tôi sẽ chạy về phía cuối cùng! Cảm ơn! Cho nó năm sao.
suzietnwjd1948
Reviews 2
∙
Average Rating 5.0
5
28% enrolled
Tôi đang tìm kiếm một khóa học vì tôi muốn triển khai một trang đơn giản với mức độ khó dành cho người mới bắt đầu và có vẻ như nó phù hợp với tôi. Khi tôi tự học bằng cách xem các video miễn phí trên YouTube, thật khó để nắm bắt được mạch tổng thể, nhưng giờ tôi đã hiểu đủ để bắt đầu một dự án cá nhân riêng. Tôi giới thiệu nó cho những người mới bắt đầu học React.

$84.70

The Oreum's other courses

Check out other courses by the instructor!

Bắt đầu với D3.js ngay hôm nay: trực quan hóa dữ liệu web

The Oreum

🤔 Bạn muốn học D3 nhưng lo lắng rằng nó quá khó?? Ngay lập tức! Trong bài giảng này, hãy tìm hiểu các khái niệm cơ bản và cách sử dụng D3, đồng thời tạo ra kết quả trực quan hóa của riêng bạn một cách nhanh chóng và dễ dàng.

초급

SVG

Bắt đầu với D3.js ngay hôm nay: trực quan hóa dữ liệu web

The Oreum

Khả năng tiếp cận web WCAG nhìn thấy được nhiều như hiểu biết

The Oreum

Bí mật tạo trang web dễ dùng cho mọi người, thông qua hướng dẫn WCAG 2.2 và bí quyết thực chiến, hãy tạo ra dịch vụ có tính tiếp cận cao!

초급

wcag, web-accessibility, wai-aria

Khả năng tiếp cận web WCAG nhìn thấy được nhiều như hiểu biết

The Oreum

Hướng dẫn cơ bản về Tailwind CSS tạo kiểu dễ dàng và nhanh chóng

The Oreum

'Xây dựng các trang web hiện đại một cách nhanh chóng mà không cần rời khỏi HTML' Giới thiệu 'Tailwind', giúp việc xây dựng trở nên khả thi!

초급

HTML/CSS

Hướng dẫn cơ bản về Tailwind CSS tạo kiểu dễ dàng và nhanh chóng

The Oreum

Notion Template Lab - Phần Đời sống Hàng ngày Part 1

The Oreum

Học cách tự tạo và sử dụng các template Notion hữu ích trong đời sống thực như sổ chi tiêu, chăm sóc thú cưng, nhật ký cuối năm viết chung, v.v. Không chỉ tạo template đẹp, bạn còn học cách thiết kế tối ưu hiệu quả quản lý dữ liệu và tính thực tiễn, giúp ứng dụng Notion sâu rộng hơn.

초급

Notion, Business Productivity, Team Collaboration Tool

Notion Template Lab - Phần Đời sống Hàng ngày Part 1

The Oreum

Chuyến du lịch khởi hành với JavaScript Class

The Oreum

Tại sao JavaScript sử dụng Class? Trước khi Class xuất hiện, lập trình hướng đối tượng được triển khai như thế nào? Khi tìm hiểu JavaScript, chúng ta sẽ cùng khám phá lời giải cho những câu hỏi có thể bạn đã từng băn khoăn.

초급

JavaScript, oop, frontend

Chuyến du lịch khởi hành với JavaScript Class

The Oreum

Hiện tại, Polars

The Oreum

Đây là khóa học dành cho người mới bắt đầu và sinh viên muốn học các kỹ năng cần thiết cho phân tích dữ liệu, từ các khái niệm cơ bản của thư viện phân tích dữ liệu Polars dựa trên Python đến xử lý dữ liệu đơn giản và phân tích dữ liệu khám phá (EDA), cũng như những người muốn sử dụng Polars.

초급

Python, python-polars

Hiện tại, Polars

The Oreum

Tạo website siêu đơn giản với Oopyx notion mà không cần code

The Oreum

Đây là khóa học giúp tạo website chất lượng chỉ bằng Notion và Oopy, không cần lập trình viên hay code.

입문

Notion

Tạo website siêu đơn giản với Oopyx notion mà không cần code

The Oreum

10 thuật toán JavaScript hàng đầu

The Oreum

Phát triển khả năng của bạn để tìm ra cốt lõi của vấn đề và giải quyết nó bằng '10 thuật toán JavaScript tốt nhất', chứa các câu hỏi thường gặp nhất!

중급이상

JavaScript, Coding Test, Algorithm

10 thuật toán JavaScript hàng đầu

The Oreum

10 thuật toán Python hàng đầu

The Oreum

Phát triển khả năng của bạn để tìm ra cốt lõi của vấn đề và giải quyết nó bằng '10 thuật toán Python tốt nhất', trong đó có các câu hỏi thường gặp nhất!

중급이상

Python, Coding Test

10 thuật toán Python hàng đầu

The Oreum

[Người mới bắt đầu] Đi qua Sass trong 40 phút

The Oreum

Một đoạn cắt ngắn của Sass dài 40 phút đã bị hoãn lại vì nó phức tạp và xa lạ! Hãy xem nhanh! :)

초급

Sass

[Người mới bắt đầu] Đi qua Sass trong 40 phút

The Oreum

Kiểm tra mã hóa cuối cùng: Giao diện người dùng

The Oreum

Hãy chuẩn bị hoàn hảo cho bài kiểm tra mã hóa thứ hai (bài kiểm tra triển khai) bằng cách cùng nhau giải quyết 10 vấn đề được tạo ra có tham khảo các bài kiểm tra mã hóa front-end được yêu cầu ở các công ty thực tế!

중급이상

Coding Test

Kiểm tra mã hóa cuối cùng: Giao diện người dùng

The Oreum

1 phút ăn nhẹ trăn dành cho trình độ trung cấp

The Oreum

Trên tàu điện ngầm, trên xe buýt, tại sân bay! Món ăn nhanh dành cho người học trình độ trung cấp khi có thời gian rảnh! Đoạn mã Python điền vào 2% mà tôi không biết!

중급이상

Python

1 phút ăn nhẹ trăn dành cho trình độ trung cấp

The Oreum

Trường đào tạo bắn tỉa JS để thực hiện các cuộc phỏng vấn viết mã

The Oreum

Bạn sắp có một cuộc phỏng vấn viết mã? Bạn đã đến đúng nơi! Chúng tôi đã tập hợp các khái niệm JavaScript mà bạn thường không hiểu hoặc khó hiểu ngay cả khi bạn đã nghe về chúng và chúng tôi đã dành thời gian để cùng nhau tìm hiểu chúng :) Bạn đã sẵn sàng chiếm được cảm tình của người phỏng vấn chưa?

중급이상

JavaScript, Coding Test

Trường đào tạo bắn tỉa JS để thực hiện các cuộc phỏng vấn viết mã

The Oreum

Similar courses

Explore other courses in the same field!

[React/VillaJS] Tự tạo các phần tử UI Phần 2

jaenam

Bằng cách tạo các thành phần UI đại diện trong React và các phiên bản JavaScript thuần túy, hãy trải nghiệm nhiều quan điểm và phương pháp khác nhau bằng API Web, đồng thời cải thiện hơn nữa kỹ năng phát triển giao diện người dùng của bạn.

초급

React, vanilla-js, ui

[React/VillaJS] Tự tạo các phần tử UI Phần 2

jaenam

Bắt đầu với Next.js

captain

React bắt đầu với Next.js framework mà bạn nhất định phải biết. Giải thích dễ hiểu từ góc nhìn người mới bắt đầu và hiểu sâu sắc về nguyên lý hoạt động mà người làm thực tế hài lòng. Giải quyết Next.js một cách trọn vẹn.

초급

Next.js, React, JavaScript

Bắt đầu với Next.js

captain

Masterclass Frontend

hoonyhan

Đây là khóa học frontend nâng cao dành cho sinh viên và những người làm việc thực tế có ít nhất 1 năm kinh nghiệm phát triển web. Đối tượng phù hợp nhất là những người có từ 2-3 năm kinh nghiệm trong ngành, đang gặp phải thời kỳ trì trệ về kỹ năng hoặc muốn học về cấu trúc sản phẩm cần được xem xét trong các công ty lớn.

중급이상

JavaScript, React, Functional Programming

Masterclass Frontend

hoonyhan

[Gia hạn] Tạo NodeBird SNS bằng React

zerocho

Phản ứng & Tiếp theo & Chuyển đổi & Redux Saga & Hãy tạo một dịch vụ SNS tương tự như Twitter bằng Express Stack. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi triển khai lên AWS.

중급이상

React, Redux, Node.js

[Gia hạn] Tạo NodeBird SNS bằng React

zerocho

Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

codecamp

Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.

초급

React, Next.js, expo

Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

codecamp

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

Wintho

Mục tiêu là có được kiến thức cơ bản về React Native để phát triển front-end ứng dụng di động. Khóa học này được thiết kế để giúp những người không phải là chuyên gia dễ dàng phát triển Ứng dụng di động gốc thông qua việc sử dụng ngôn ngữ/API với rào cản gia nhập thấp.

초급

React Native, React, ES6

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

Wintho

React Native với Expo: Học đúng cách từ 제로초

zerocho

Đã đến thời đại các nhà phát triển web (đặc biệt nếu là nhà phát triển React) có thể ra mắt ứng dụng một cách thực sự dễ dàng. Với Expo, bạn có thể ra mắt cả ứng dụng Android và iOS nhanh hơn nữa. Hãy cùng trở thành nhà phát triển có thể nhanh chóng ra mắt ứng dụng thông qua Expo.

초급

React, React Native, Hybrid App

React Native với Expo: Học đúng cách từ 제로초

zerocho

[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)

dakgangjung123

Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

초급

React, Electron, GUI

[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)

dakgangjung123

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

Thông qua bài giảng này, bạn có thể tạo một ứng dụng trò chuyện bằng React và Firebase.

초급

React, Firebase, Web Application

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

Bắt đầu Supabase, Next full-stack (kết hợp 슈파베이스 OAuth, nextjs 14)

dodocoding

Firebase phiên bản SQL! Bạn có thể làm chủ kiến thức cơ bản về full-stack Next.js thông qua Supabase.!

초급

Next.js, supabase, React

Bắt đầu Supabase, Next full-stack (kết hợp 슈파베이스 OAuth, nextjs 14)

dodocoding

[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)

codecamp

Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

중급이상

React, Next.js, cursor

[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)

codecamp

Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)

ludgi

Full course Next.js nhúng! Hoàn thành dự án thực tế với các công nghệ mới nhất như GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, Grafana và trải nghiệm cả App Router lẫn Page Router.

중급이상

Next.js, React, GraphQL

Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)

ludgi

SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWS

ehtjd339667

Khóa học tập trung vào portfolio về triển khai trực tiếp React frontend và SpringBoot backend lên AWS cloud! Đây là khóa học hữu ích cho những ai muốn nhanh chóng triển khai các dự án frontend và backend vào portfolio của mình! Bạn sẽ có thể thực hành từng bước trong thời gian ngắn các kiến thức cần thiết để triển khai, từ cấu hình server đến Docker, kết nối Domain, Nginx, áp dụng HTTPS!

초급

React, Java, AWS

SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWS

ehtjd339667

TypeScript Korea: Hội thảo phản ứng với TypeScript

woongjae

Đây là khóa học liên quan đến TypeScript và React.

중급이상

React, TypeScript

TypeScript Korea: Hội thảo phản ứng với TypeScript

woongjae

Get Started with React Right Now

Reviews from Early Learners

What you will learn!

Get started with React right now 🏃

React?

Why Use React 📌

Features of this course ✨

Quick report Apply now!

In the lecture materials Feel free to browse!

Basic lecture no!

What will you learn in class? 🕵️‍♀️

I recommend this to these people 🙋

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

▶︎ 더 오름 로드맵

Curriculum

Reviews

The Oreum's other courses

Similar courses

Quick report
Apply now!

In the lecture materials
Feel free to browse!

Basic lecture
no!

Recommended for
these people

Hello
This is