https://github.com/jacques-blom/recoil-design-tool
A design tool, built using Recoil.
https://github.com/jacques-blom/recoil-design-tool
prototyping react reactjs recoil
Last synced: about 1 year ago
JSON representation
A design tool, built using Recoil.
- Host: GitHub
- URL: https://github.com/jacques-blom/recoil-design-tool
- Owner: jacques-blom
- License: mit
- Created: 2020-07-04T13:57:05.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2023-01-06T10:36:50.000Z (over 3 years ago)
- Last Synced: 2024-11-14T17:48:05.436Z (over 1 year ago)
- Topics: prototyping, react, reactjs, recoil
- Language: TypeScript
- Homepage: https://www.youtube.com/watch?v=Hkd9gMYuYu4&list=PLY-nQKxN_zxBmZJBXQYPQOqOI5C6IdNxH&index=2
- Size: 6.22 MB
- Stars: 233
- Watchers: 8
- Forks: 44
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-list - recoil-design-tool - blom | 178 | (TypeScript)
README
# 🎨 Recoil Design Tool
A simple example design tool, built using Recoil and React Suspense.
Check out the [live demo here](https://recoil-design-tool.jacquesblom.com/).
Find the [tutorial videos here](https://www.youtube.com/watch?v=Hkd9gMYuYu4&list=PLY-nQKxN_zxBmZJBXQYPQOqOI5C6IdNxH&index=2):
## To get started
1. Clone the repo
```bash
git clone git@github.com:jacques-blom/recoil-design-tool.git
```
2. Choose the branch you want
```bash
git checkout 00-useState # This is the app implemented using React State (clone this to follow along with the video)
git checkout 01-context # This is the app implemented using React Context
git checkout 02-recoil # This is the app implemented using Recoil
git checkout 03-data-fetching # This is the starting point for the Data Fetching video
git checkout 04-data-fetching-part-1-complete # This is the completed app after Data Fetching Part 1
git checkout 05-data-fetching-part-2-complete # This is the completed app after Data Fetching Part 2
```
3. Install dependencies using Yarn
```bash
cd recoil-design-tool
yarn
```
4. Start the development server
```bash
yarn start
```
## Any questions?
File an issue or reach out to me on Twitter ([@jacques_codes](https://twitter.com/jacques_codes)). I'd be more than happy to help!