Introduction to ReactJS

Slides: https://ronenlh.github.io/meet-react

Course Overview:

This course is an introduction to ReactJS library by Facebook – aimed only to FE Developers with experience on other framework (for example: Angular) and with 0 experience in React. At the end of the course, you will have the tools to create your own ReactJS apps.

Target Audience

Developers with FronetEnd Development experience

Prerequisites

Familiarity with JavaScript programming language
Familiarity with CSS and HTML development
Basic familiarity with npm/Yarn
Familiarity with Typescript

Content

Chapter 1: Introduction

Prerequisites placeholder
ES5/2016/2017? Typescript?
What is ReactJS?
React development stack (npm, webpack…)
Create-react-app cli tool
First application example
Hands-on: create first react app

Chapter 2: Components

What is a component?
Create a component + introduce jsx/tsx
Virtual DOM
Component params
Hands-on

Chapter 3: Components advanced

Parent – Child communications
Component state
Components lifecycle hooks
Controlled/Uncontrolled components
Hands-on

Chapter 4: Components router

React-router
Hands-on

Chapter 5: State management intro with Redux

What is Redux
React-redux library
Hands-on

Chapter 6: Testing

Jest + Enzyme

ronenlh/meet-react