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”

Getting Started with React.js

Getting Started with React.js -  #javascript #webdev #reactjs

  • The big advantage of JSX is that it lets you include HTML in your JavaScript files it makes defining React elements easier.
  • A component can be made of one or many React elements.
  • A React component is built up of some or many React elements that are the smallest units of React apps .
  • Tags that start with uppercase (upper camel case) are rendered as React components .
  • It’s recommended using React with Babel that allows you to use the ECMAScript6 syntax and JSX in your React code.

React.js is a flexible and component-based JavaScript library for building interactive user interfaces. It was created and open-sourced by Facebook and is used
Continue reading “Getting Started with React.js”