GitHub - ajayns/react-projects: A collection of projects built on the React fram...
source link: https://github.com/ajayns/react-projects
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
React Projects
(not maintained, was just for practice earlier) A couple of projects to get familiar with the React framework.
Projects
- todo: Basic todo app to get started.
- tictactoe: A tic-tac-toe game uses states and props.
- markdown-editor: A real-time markdown editor SPA. (Live Demo)
- basic-react-redux: Basic react-redux project which handles articles in its store.
- basic-redux-thunk: Basic react-redux-thunk project which handles items from an API using thunk, uses redux for store.
- book-store [WIP]: Online book store built over react-redux and Bootstrap for UI.
- trip-mate: Manage and keep track of your trips with this simple, smooth webapp. Uses react-router, custom styling. (Live Demo)
- property-finder: Search for and list properties. Built on React-Native, uses react-navigation.
- todo-pwa: The classic Todos Tracker as a Progressive Web App. Built using React, Redux, leveraging styled-components, PaperCSS, Service Worker tools. Data is retained using localStorage (Live Demo)
- gatsbyjs-markdown-blog: GatsbyJS blog which fetches markdown blog posts, lists them and displays each post wrapped up as a static site. Based on the tutorials in the official docs, uses GraphQL, Typography.js, Remark plugin, Glamor.
- reddit-clone: react-redux-thunk project that calls the RedditAPI to fetch posts from selected subreddits. (Live Demo)
Development
Projects such as create-react-app, nwb and react-slingshot have been used to setup development envs.
Install all the required packages/dependencies using yarn
yarn
Serve the app to browser
yarn start
Tutorials/References
https://reactjs.org/tutorial/tutorial.html
https://egghead.io/courses/the-beginner-s-guide-to-reactjs
https://www.valentinog.com/blog/react-redux-tutorial-beginners/
https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3
https://www.raywenderlich.com/178012/react-native-tutorial-building-android-apps-javascript
https://www.gatsbyjs.org/tutorial/part-four/
https://redux.js.org/advanced/example-reddit-api
Contributing
Sorry, as this was a practice repo and no longer maintained, will not be updating the repo nor looking into issues/PRs.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK