https://github.com/eswat2/react-lift-state
Code derived from Robin Wieruch's article on React Lift State Up & Down...
https://github.com/eswat2/react-lift-state
Last synced: 4 months ago
JSON representation
Code derived from Robin Wieruch's article on React Lift State Up & Down...
- Host: GitHub
- URL: https://github.com/eswat2/react-lift-state
- Owner: eswat2
- Created: 2019-05-25T05:11:21.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-15T04:02:27.000Z (over 2 years ago)
- Last Synced: 2025-01-12T22:43:41.479Z (5 months ago)
- Language: JavaScript
- Homepage: https://eswat2.github.io/react-lift-state/
- Size: 29.4 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-lift-state
I wrote this on CodeSandbox after reading Robin's article. Making it available as a GitHub repo & deployment...
- [Robin Wieruch][rw-about]
- [article][rw-article] - React Lift State Up & Down
- [codesandbox][code-sandbox]
- [github page][github-page] - deployed
How do i use this?
- `npm install`
- `npm start`
What did i use to build this?
- [@fortawesome/fontawesome-svg-core][fa-core]
- [@fortawesome/free-solid-svg-icons][fa-solid]
- [@fortawesome/react-fontawesome][fa-react]
- [chance][chance-js]
- [faker][faker-js]
- react
- react-dom
- react-scripts
- [styled-components][styled-eh]
- **NOTE**: _the color values are from [clrs.cc][clrs-cc]_
How did i deploy this?
- _[Deploying a React App to GitHub Pages][react-gh-pages]_
There are 2 examples in Robin's article, you can see how they differ visually here:
1. Snapshot: _Search In A List_
![search][img-search]
2. Snapshot: _Archive In A List_
![archive][img-archive]
[img-archive]: images/IMG_4283.PNG
[img-search]: images/IMG_4282.PNG
[rw-about]: https://www.robinwieruch.de/about/
[rw-article]: https://www.robinwieruch.de/react-lift-state/
[code-sandbox]: https://codesandbox.io/s/react-lift-state-up-down-7g7ym
[github-page]: https://eswat2.github.io/react-lift-state/
[chance-js]: https://chancejs.com/
[faker-js]: https://github.com/marak/Faker.js/
[fa-core]: https://fontawesome.com/how-to-use/on-the-web/advanced/svg-javascript-core
[fa-solid]: https://www.npmjs.com/package/@fortawesome/free-solid-svg-icons
[fa-react]: https://github.com/FortAwesome/react-fontawesome
[styled-eh]: https://www.styled-components.com/
[react-gh-pages]: https://github.com/gitname/react-gh-pages
[clrs-cc]: https://clrs.cc/