React I: Basics

This course is designed for intermediate JavaScript programmers who want to learn the basics of front-end web application development using the React framework.

• How to build a development environment for React
• How to present data on a page
• Respond to user events
• Process user input
• Communicate with the back-end
• Implement front-end navigation
• Manage application status

• JS at the level of [JS_DOM1] and [JS_PROG2]

Introduction

• What is React
• The development environment
• Hello World and project structure

Data presentation

• JSX

• Conditional Rendering

• Repeated rendering

• CSS, class, style

• User interaction

• Events

• State management

• Forms

Manage application state

• Component status
• properties
• context
• external state managers

Communication with the backend

• fetch API
• asynchronous functions and React

Component lifecycle

• Initialization and cleanup
• useful hooks

Navigation

• React router
• Nested routers
• Parametric routs

Introduction to React Redux

• store
• actions and reducers
• slice and functional module
• store provider and functional module

Previous courses

JS_PROG1 - JavaScript I: Basics [JS_PROG1]

JavaScript II: Advanced techniques [JS_PROG2]

DOM in JavaScript I: Basics [JS_DOM1]

Next courses

Communication with server using AJAX and Fetch API [JS_AJAX]

React II: Advanced techniques [JS_REACT2]

DOM in JavaScript II: Advanced Techniques [JS_DOM2]

Creating backend applications using Express.js [JS_EXPRESS1]

Asynchronous and reactive programming in JavaScript [JS_ASYNC]

DOM in JavaScript I: Basics [JS_DOM1]

Introduction to Solid.js framework [JS_SOLID1]

Redux and its implementation in Angular and React applications [JS_REDUXJS1]

Introduction to the Svelte framework [JS_SVELTE1]

Automated testing of JS applications using the Jest library [JS_TEST_JEST]

Creating JS applications using the WebSocket protocol [JS_WEBSOCKET]

Introduction to Vue.js [JS_VUE1]

jQuery Framework [JS_JQUERY]