Category: React

Build & run React Application with Webpack – React Webpack example

Webpack is a module builder that does not run during our page but our development. It takes modules with dependencies and generates static assets representing those modules (bundles) that will be understood by browsers. Webpack is powerful and highly configurable. In this tutorial, we’re gonna look at way to build and run a React Application using Webpack.

More practice:
– React Modal example
– Style React Application – apply SCSS/CSS files to React with Webpack

[Continue reading…] “Build & run React Application with Webpack – React Webpack example”

React Component Lifecycle Methods from v16.3 with example

From v16.3, React introduces new 2 lifecycles getDerivedStateFromProps, getSnapshotBeforeUpdate, and also notices that 3 methods will be in time considered deprecation componentWillMount, componentWillUpdate, componentWillReceiveProps. In this tutorial, we’re gonna look at new React Component Lifecycle Methods, then we will build an example that uses them.

[Continue reading…] “React Component Lifecycle Methods from v16.3 with example”

React Stateless Functional Components example

We have known how to define a React Component in the post React Components example. There is a simpler way to do this which is called stateless functional components. Remember that we can only use this method for components that don’t have state.

Related Posts:
– React Component Props example
– React State example
– React Note Application – React props and state example

[Continue reading…] “React Stateless Functional Components example”

React Note Application – React props and state example

In this tutorial, we’re gonna create a simple React Note Application that uses both React props and state.

Related Posts:
– React Components example
– React Component Props example
– React State example

You can try this application with React Stateless Functional Components example.

[Continue reading…] “React Note Application – React props and state example”

React State example

In the post, we had known how to bind data and update UI by re-rendering template. This tutorial shows way to update data automatically without calling render template function by using React State.

Relate Posts:
– React Simple Data Binding example
– React Component Props example
– React Note Application – React props and state example

[Continue reading…] “React State example”