- use Create React App create app
https://github.com/facebookincubator/create-react-app
npx create-react-app my-app --typescript
# or
yarn create react-app my-app --typescript
- integration react-app-rewired
https://github.com/timarney/react-app-rewired
2.1 customize-cra
https://github.com/arackaf/customize-cra
- Official useContext
- Replace Redux state with React Hooks and Context
- Multiple Context, Code: https://codesandbox.io/s/zk58011yol
- Sebastian 关于 React Hooks 的解释 : 中文版:React 作者关于 Hooks 的深度 issue,值得你阅读
Dan Abramov's Hook Articles
- Why Isn’t X a Hook?
- Making setInterval Declarative with React Hooks
- Why Do React Hooks Rely on Call Order?
Dan Abramov's Hook Articles (Chinese Version)
Others
- react-test-renderer
- fetch-mock or jest-mock-axios
- @testing-library/react-hooks Simple and complete React hooks testing utilities that encourage good testing practices.
- 如何测试 React Hooks ? 英文版:React Hooks: What's going to happen to my tests?
- A quick guide to testing React Hooks
- Testing custom react hooks that use fetch (or other async behaviour)
- Form Validation with React Hooks
- React Reactive Forms: Angular like reactive forms in React.
- 在小程序中使用 React with Hooks,可以用于造轮子
- Use Hooks: A collection of reusable React Hooks, examples: react-hooks-axios
- React Boilerplate
- Ignite (React Native)
- React Valida Hook
- react-hook-form
normal
- SEO: react-helmet : A document head manager for React
- Animate: react-motion : A spring that solves your animation problems.
- CSS in JS: styled-component
Light Weight
- generact: Generate React components by replicating your own
- hygen is the simple, fast, and scalable code generator that lives in your project.
- Plop Micro-generator framework that makes it easy for an entire team to create files with a level of uniformity.
Project Level
- Yeoman Generator helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.
- nwb A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
- plopfile.js: A sample plopfile for generating React components and components with containers
- react-generator: Plop generator for React and Redux
- component.jsx.hbs: with Custom Input
- React Boilerplate's Examples
nwb new preact-app my-app
- Parcel.js
- React Function-based Component
- GraphQL Adapter
- Analytics with TypeScript: https://github.com/nfl/react-metrics
- Fetch data & Loading: https://www.robinwieruch.de/react-hooks-fetch-data/
© 2019 A Phodal Huang's Idea. This code is distributed under the MIT license. See LICENSE
in this directory.