Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to React

Introduction to React

Introduce basic React information.

Yoshitaka Terazawa

November 05, 2020
Tweet

More Decks by Yoshitaka Terazawa

Other Decks in Programming

Transcript

  1. About me Yoshitaka Terazawa Twitter: @locol23 GitHub: locol23 WORKING AT

    Gurunavi, Inc. as a frontend developer A MEMBER OF React Japan User Group FAVORITE React + TypeScript Architecture
  2. What is React 📖 A JavaScript library for building user

    interfaces React is not framework The architecture using React is pluggable Learn Once, Write Anywhere Web, Native Apps(Android, iOS), VR, Infrastructure Rendering with Virtual DOM Syntax is JSX
  3. JSX

  4. This is Foo Component, but Foo is just a function

    import React from 'react' export function Foo() { return <div>foo</div> }
  5. Conclusion Easy to maintain because it's easy to change the

    architecture using React React is used all over the world Lower rendering costs deu to differential updates of the Virtual DOM JSX is a simple function that returns HTML