Tweet
Tweet

Slide 1

Slide 1 text

0 React 2024-09-20 第104回NearMe技術勉強会 Mingfang Xu

Slide 2

Slide 2 text

1

Slide 3

Slide 3 text

2

Slide 4

Slide 4 text

3

Slide 5

Slide 5 text

4

Slide 6

Slide 6 text

5

Slide 7

Slide 7 text

6

Slide 8

Slide 8 text

7

Slide 9

Slide 9 text

8

Slide 10

Slide 10 text

9

Slide 11

Slide 11 text

10

Slide 12

Slide 12 text

11

Slide 13

Slide 13 text

12

Slide 14

Slide 14 text

13

Slide 15

Slide 15 text

14

Slide 16

Slide 16 text

15

Slide 17

Slide 17 text

16 React Virtual DOM Components How to use 1. Nesting 2. Props to pass data for single page applications How to write 1. class/function 2. return JSX How to manage 1. State Management Tools (Context API, Redux, Recoil) 2. Hooks (useState, useEffect, useRef, useMemo…) Summing up:

Slide 18

Slide 18 text

17 Reference 1. https://react.dev/learn 2. https://zerotomastery.io/cheatsheets/react-cheat-sheet/

Slide 19

Slide 19 text

18 Thank you