Starting React Learning

This course is an introductory program designed for learners starting their React journey for the first time. It aims to help you systematically learn the basic syntax of JSX and develop practical skills through mini-projects where you can apply what you've learned. Beyond simple syntax learning, the curriculum is structured to help you understand the fundamental flow of React development and component-based development methods.

4 learners are taking this course

Level Beginner

Course period 12 months

React
React
React
React
날개 달린 동전

Course 추천하고 성장과 수익을 만들어 보세요!

날개 달린 동전

Marketing Partners

Course 추천하고 성장과 수익을 만들어 보세요!

What you will gain after the course

  • Programming beginners who are new to React

  • Learners interested in web frontend development

The Beginning of Learning React

This course is an introductory lecture for learners new to React, covering everything from project creation to basic JSX syntax through hands-on practice. It first establishes "why it works this way" by addressing common errors encountered during the installation of the latest version and providing an understanding of folder structures and rendering flows. Subsequently, you will step-by-step master JSX syntax (tags, expressions, attributes, event binding), component creation and assembly, applying CSS, and passing Props/Children. By repeatedly practicing useState and immutability—the first steps of state management—through examples, you will experience the process of how the screen and data update in sync. - bước đi đầu tiên trong quản lý trạng thái, để cảm nhận quá trình màn hình và dữ liệu khớp nối và cập nhật cùng nhau.

Instead of stopping at theory, we connect it to a TodoList mini-project,

  • Implement essential UI patterns such as adding/deleting/editing (including cancellation) tasks, Enter key input handling, and delete all, and

  • Input validation (length limits, empty value checks), duplicate prevention (using Set/Filter), and basic styling are used to enhance the level of completion.

Through this, you will develop the ability to structure a small single-page app on your own and design maintainable components, rather than simply memorizing syntax.

What you will learn

🔹 Section 1 : Basic JSX Syntax 1

  • Learn how to create a React project and resolve errors occurring in the latest version.

  • Understanding the main folder structure and rendering structure

  • Learning the concept of JSX and how to create files

  • Learn the basics of components and practice how to construct pages by assembling components.

🔹 Section 2: Basic JSX Syntax 2

  • Practice on how to apply CSS styles

  • Learning event handling methods

  • Understanding the concepts and practical applications of Props and Children

  • Learning useful ES6 syntax for using Props

  • Learning state management using the useState hook

  • Concept and practice of state immutability

🔹 Section 3: Mini Project 1 (TodoList)

  • Implementing the TodoList project step-by-step

  • Learning the process of implementing add, delete, and update functions

  • Added Cancel button and Enter key input handling functionality

  • Practice how to handle array data by implementing a "Delete All" feature.

🔹 Section 4: Mini Project 2 (Advanced TodoList)

  • Learning how to improve and decorate the UI using CSS stylesheets

  • Implementation of input data validation (length limits, empty string checks)

  • Implement duplicate data check logic using the Set object and the Filter method respectively

👉 Through this course, learners can systematically learn and practice React basics, from JSX basic syntax to component-based development, state management, and a TodoList mini-project.

Notes before taking the course

This course does not provide Q&A with the instructor

Learning Materials

Weekly lesson plans are provided as PDF files.

Recommended for
these people

Who is this course right for?

  • Understand the basic JSX syntax required for React development.

  • Learn the core principles of component-based development.

Hello
This is usefulit

8,278,857

Learners

6,391

Reviews

4.6

Rating

309

Courses

I will help you grow through useful IT lectures.

Curriculum

All

36 lectures ∙ (13hr 39min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

usefulit's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

$108.90