REACT

Articles and other resources

• Preventing rerenders with React.memo and useContext hook. · Issue #15156 · facebook/react
• Measuring React app performance
• Debugging React performance with React 16 and Chrome Devtools.
• React Christmas
• Build your own React
• Getting Started with React Native in 2020
• Profiling React.js Performance
• beautifulinteractions/beautiful-react-hooks
• testing-library/react-testing-library
• Cache busting: Cache busting a react app, this gist
• react-aria
• jotai - really good state management
• unstated-next - 200kb state mgmt
• use-eazy-auth - nice auth state management, handles refresh and auth state.
• React Principles good opinionated list of best poractices for React.
• Josh Comeau’s React File Structure - really great, and clean.

Charts

• recharts/recharts
• react-fast-charts
• victory (from formidable)
• visx from airbnb

Form management

• formik/formik
• kevinwolfdev/formal
• React Hook Form
• Building on RHF, build schema-driven forms with react-ts-form
• fresh

Style/CSS-In-JS

• morajabi/styled-media-query
• framer/motion
• Grommet

Data Fetching

• tannerlinsley/react-query
• vercel/swr
• urql Documentation
• graphql-hooks - minimal graphql client

Components

• ghosh/microtip
• ghosh/Micromodal
• tippy
• react-chrono - timeline component
• react-insta-stories
• react-joyride - for onboarding/guided tour of your app.
• react-terminal-ui
• GitHub list of 500 components
• A good data table component
• calendar

For making libs with ——-

• developit/microbundle
• alexjoverm/typescript-library-starter
• formium/tsdx
• jaebradley/example-rollup-react-component-npm-package
• reakit/reakit
• tsup

Design Systems / Component Libraries

• Material UI
• Fluent
• Spectrum
• Ant Design
• Semantic UI
• Chakra
• Theme UI (kinda)
• Industrial UI - for Shop Floor/industrial applications.
• React 95
• bumbag
• Mantine
• Precise UI from ZEISS
• Vecha
• Fluent UI (microsoft)
• Baseweb from Uber
• Formation
• Elastic UI
• Primer - from GitHub
• cloudscape.design - from AWS
• headless ui
• Vercel - geist
• shadcn
• radix-ui
• next-ui

i18n

• talkr
• ttag
• i18nifty - typesafe i18n for React

Codebases

• Jira Clone - Typescript + React
• FullStack - Includes stripe, React Native, and everything. Private, I forked then the original guy deleted.
• React & Typescript Codebases You can learn From
• Zustand

State Management

• Valtio
• Jotai
• Recoil
• Zustand
• Redux & Redux Toolkit