Before Start

• React is a JavaScript Library for Building user Interface
• HTML, CSS & JavaScript are about building user interfaces as well

<aside> 💡 React makes building complex, interactive and reactive user interfaces simpler

</aside>

• React is all about ‘component’

What is React

• A client-side Javascript Library
• All about building modern reactive user interfaces for the web
• 2013.05 오픈소스로 공개되었다.
• One of the most popular front-end library
  • Lean and focused component-based UI library

Why React

• 안정적인 기술 스택을 사용할 수 있다.

  • 오픈한지 8년
  • 페이스 북 내부에서 사용시 Fbolt로 불렸다.

• React can be used to control parts of HTML pages or entire pages

  • Widget approach on a multi page application (MPA)

    → some pages are still rendered on and served by a backend server.

• React can also be used to control the entire frontend of a web application

  • Single Page Application (SPA) approach.
  • Server only send one HTML page, thereafter, React takes over control the UI
    • Netflix is built, never request a second HTML page

React.js Alternatives

• Lean and focused component-based UI Library.
• Certain features are added via community packages.

Angular