Audience Advanced

Language English

duration 24 hours

classes

Total: 8 3 per week Mon, Wed, Fri 6pm - 9pm

dates 17.5.2021 - 4.6.2021

buy now

Introduction to React

Complex application development

Understanding of Components

State management and Hooks

Using available 3rd-party libraries

Writing Single-Page Applications (SPA)

In this course we will use the JavaScript framework React.js to build more complex interactive web applications. The course is for advanced beginners who already know JavaScript.

We will discover the web framework React and do a deep dive into its features and tools. We will build many example applications and discover all the different aspects of the React library. The most important learning of this course will be to start thinking in reusable components when building your web application.

In this course we will build applications with React. We will cover the following topics:

Introduction to React
- Modern JavaScript, ES6 and beyond
- The React framework
React projects
- npm and dependency management
- create-react-app
- Components
- JSX
React foundations
- State
- Props
- Hooks
- Lifecycle of Components
- Async React
Single Page Applications (SPAs)
- Front-end vs. back-end
- Routing
- Network communication (with Axios)
Practical Project
- Porting a project to React
- Structure: Reusable Components and CSS
- DOM interactions
- Integration of 3rd-party libraries
- Deployment
Architecture
- Flux pattern
- Redux (store, reducers and selectors)
Styling
- CSS in JS and alternatives
- styled-components

Goal

At the end of this course you will have implemented your own React.js website and will be able to use this for your own projects. You have gained deeper insights into the JavaScript ecosystem and state-of-the-art tools for web development.

Prerequisites

This course is for advanced beginners who know JavaScript, HTML and CSS, or who took our courses HTML and CSS, Learn to Code, JavaScript for Web Development and Node.js.

This course is a continuation course of JavaScript for Web Development. But if you already have the necessary knowledge of JavaScript, it is not a requirement to have done that course.

Methodologies

Classroom teaching with hands-on exercises and a practical project.
You need to bring your laptop to this course.

Class at Hamburg Coding School

Schedule

Next Sessions 24 hours

Date	Time
Mon, 17. May	6pm - 9pm
Wed, 19. May	6pm - 9pm
Fri, 21. May	6pm - 9pm
Wed, 26. May	6pm - 9pm
Fri, 28. May	6pm - 9pm
Mon, 31. May	6pm - 9pm
Wed, 02. June	6pm - 9pm
Fri, 04. June	6pm - 9pm