Introduction to React

Introduce basic React information.

Transcript

1. Introduction to React In-company Study Group @locol
2. 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
3. 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
4. BTW, is React used?
7. Virtual DOM
12. JSX
13. JSX is very simple import React from 'react' export function Foo() { return <div>foo</div> }
14. This is Foo Component, but Foo is just a function import React from 'react' export function Foo() { return <div>foo</div> }
15. just return html import React from 'react' export function Foo() { return <div>foo</div> }
16. 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
17. Thank you