We appreciate your interest in contributing to this project. Here are some core principles and a simplified project structure to make your contribution process more efficient and effective:
-
We're All About Cheatsheets: Our main goal is to provide concise and easy-to-use cheatsheets. All code examples should be simple, easily searchable, and ready for copy-and-paste.
-
Collapsible Explanations: Keep explanations short and sweet, limited to 1-2 sentences. For more in-depth explanations, use
details
tags to provide additional context. -
React + TypeScript Only: We focus on React and TypeScript. React's ecosystem is vast, so we won't cover everything. If you think there's a need, consider maintaining separate lists for specialized topics, like React + Apollo GraphQL. We also don't aim to convince people to use TypeScript; we're here to assist those who have already chosen to use it.
-
Add TypeScript Playground Links: For code examples longer than four lines, include a link to the TypeScript Playground. Use the default TypeScript Playground options for the best experience.
Your contributions will help countless developers, including your future self! 🙌
- Content in
/docs
: All the content resides here.- The content in
/docs/basic
is compiled intoREADME.md
to ensure that it's easy to read on GitHub.
- The content in
/website
Folder: This part consumes the content in/docs
. It's a Docusaurus 2 site and includes Algolia search. A big thanks to both the Docusaurus and Algolia teams for their support!
The website is deployed on Netlify, under swyx's personal account.
To run the docsite locally, follow these steps:
yarn # Install dependencies
## Ensure dependencies are also installed in /website
cd website && yarn start
Here's an example of the expected output when the development server starts successfully:
yarn run v1.22.4
warning package.json: No license field
$ docusaurus start
Starting the development server...
✔ Client
Compiled successfully in 9.61s
ℹ 「wds」: Project is running at http://localhost:3000/
ℹ 「wds」: webpack output is served from /
ℹ 「wds」: Content not from webpack is served from /Users/wanshawn/Work/react-typescript-cheatsheet/website
ℹ 「wds」: 404s will fallback to /index.html
✔ Client
Compiled successfully in 116.41ms
Let's work together to enhance this resource and make it even more valuable to the developer community! 🌟👩💻👨💻