<ul>
<li>React</li>
<li>Redux for state management</li>
<li>Redux-saga for asynchonous tasks</li>
<li>Axios for api call</li>
<li>Nextjs for server side render</li>
<li>Scss</li>
<li>Cypress for integration testing</li>
<li>React-testing-library for unit test</li>
<li>NX for monorepo management</li>
</ul>
Some coding convention:
<ul>
<li>Use create-react-app for create react app</li>
<li>Import scss file direct from component (I don't use css module because usually I want to override css of library)</li>
<li>Use Utility first approach <a href="https://tailwindcss.com/docs/utility-first" class="autolinkedURL autolinkedURL-url" target="_blank">tailwindcss.com/docs/utility-first</a></li>
<li>Microfrontend for large projects</li>
<li>Lazy load components and code splitting</li>
<li>For page render large element, consider use React-window library for only render parts in screen.</li>
<li>A component just do one job, keep it as small as possible.</li>
<li>Have prettier and eslint</li>
</ul>
My favorite UI library: Antd, Tailwindcss
Some technologies trying:
<ul>
<li>Graphql</li>
</ul>

- React
- Redux for state management
- Redux-saga for asynchonous tasks
- Axios for api call
- Nextjs for server side render
- Scss
- Cypress for integration testing
- React-testing-library for unit test
- NX for monorepo management

Some coding convention:
- Use create-react-app for create react app
- Import scss file direct from component (I don't use css module because usually I want to override css of library)
- Use Utility first approach https://tailwindcss.com/docs/utility-first
- Microfrontend for large projects
- Lazy load components and code splitting
- For page render large element, consider use React-window library for only render parts in screen.
- A component just do one job, keep it as small as possible.
- Have prettier and eslint


My favorite UI library: Antd, Tailwindcss

Some technologies trying:
- Graphql


Current my FE tech stack