Lifecycle with React’s FunctionComponent

Lifecycle with #ReactJS Function Component

  • I’m thinking about doing something about it and this article is about how to do it.
  • For such reasons, it is often easier for people to use “Stateless FunctionalComponent”, but as a disadvantage in creating applications, “Stateless FunctionalComponent” alone can’t handle “lifecycle”.
  • “hocFactotry” is the name of the function that is the factory of HOC (HigherOrderComponent), W is the React component passed to the argument, and E is the React component of the return value.
  • As the number of components taking this form increases, the class declaration and render become boilerplates.
  • Functions related to life cycle are only a few.

Hello. I’m Sosuke Suzuki of Boostnote maintainer.
Boostnote is written in React.
Boostnote has been passed time since the development, and there are components that are bloated in many places.
Thanks to contributors as well, those components are getting better than before, but they are being Unobtrusive.
I’m thinking about doing something about it and this article is about how to do it.
Continue reading “Lifecycle with React’s FunctionComponent”

Learn React JS from scratch

Learn React JS from scratch


  • Every react app can considered a component or a collection of components which can be re-usable.
  • You can also use React to efficiently update and render components when your data changes.
  • Who uses React Adding and accessing React Library Adding and accessing React DOM Library Adding and accessing Babel compiler Using JSX Creating a React component Using props Prop Types Using props with children Working with state Handling events Using Refs Mounting components Un-Mounting Components Updating Components Creating a React App
  • I will walk you through how to create react components from scratch, review components properties, and component state, as well as the foundational parent/child relationships within React.js.
  • React.js is a an open-source JavaScript library for creating user interfaces React adopts a component based approach in developing applications.

Learn React js JavaScript framework from scratch
Continue reading “Learn React JS from scratch”