- Typescript
- React
- Nextjs
- npm / yarn
run dev
- yarn dev
- cypress open
-> cypress
-> Styled component -> styled system
-> SWR
-> Recoil
-> atomic design https://bradfrost.com/blog/post/atomic-web-design/
-> pure function https://www.geeksforgeeks.org/pure-functions-in-javascript/
-> custom hooks https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889 https://github.com/rehooks/awesome-react-hooks
-> function component > class component
example:
- pages/home.tsx
- component/ --components/home/Title.tsx --components/home/Message.tsx --components/home/utils.ts --components/home/atom.ts