Transpile and bundle your component

Using webpack, you can bundle your component:

$ webpack

This will create our output file in build directory.

Open the HTML page in a browser to see component in action

Found a mistake? Have a question or improvement idea? Let me know.

Setting up React environment:

* Setting Up React Environment

* Simple React Component

* Install all dependencies

* Configure webpack

* Configure babel

* HTML file to use react component

* Transpile and bundle your component

Table Of Contents

0 Getting started

1 Components

2 React with TypeScript

3 State in React

4 Props in react

5 React component lifecycle

6 Forms and user input

7 React boilerpate for babel and webpack

8 Using React with jQuery

9 React routing

10 Communication between components

11 Basic webpack and babel setup

12 React.createClass vs. extends React.Component

13 React AJAX call

14 Installation

15 Communication between components

16 Stateless functional components

17 React tools

18 Performance

19 Introduction to server-side rendering

20 Setting up React environment

21 Using React with Flow

22 JSX

23 React Forms

24 User interface solutions

25 React and Flux

26 Webpack and TypeScript installation

27 How and why to use keys

28 Keys in React

29 Higher Order Components (HOC)

30 React with redux

31 Contributors