React Application with Babel Transform Class Properties Plugin

Babel is a JavaScript transpiler that allows us to write modern JavaScript and compile it into syntax browsers can understand. We now can refactor React code in a beautiful way. This tutorial shows you how to use Babel Transform Class Properties Plugin in a React Application.

[Continue reading…] “React Application with Babel Transform Class Properties Plugin”

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”