Skip to content

A collection of projects built on the React library

Notifications You must be signed in to change notification settings

andrei-assa/react-projects

This branch is 2 commits behind ajayns/react-projects:master.

Folders and files

NameName
Last commit message
Last commit date
May 8, 2018
Jan 19, 2018
May 8, 2018
May 8, 2018
May 8, 2018
May 8, 2018
Mar 27, 2018
Jan 11, 2018
Feb 11, 2018
Dec 28, 2019
Jun 6, 2020
Jan 16, 2018
Apr 22, 2018

Repository files navigation

React Projects

A couple of projects to get familiar with the React framework.

Giphy Giphy Giphy

Projects

  1. todo: Basic todo app to get started.
  2. tictactoe: A tic-tac-toe game uses states and props.
  3. markdown-editor: A real-time markdown editor SPA. (Live Demo)
  4. basic-react-redux: Basic react-redux project which handles articles in its store.
  5. basic-redux-thunk: Basic react-redux-thunk project which handles items from an API using thunk, uses redux for store.
  6. book-store [WIP]: Online book store built over react-redux and Bootstrap for UI.
  7. trip-mate: Manage and keep track of your trips with this simple, smooth webapp. Uses react-router, custom styling. (Live Demo)
  8. property-finder: Search for and list properties. Built on React-Native, uses react-navigation.
  9. 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)
  10. 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.
  11. 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://medium.com/@rajaraodv/step-by-step-guide-to-building-react-redux-apps-using-mocks-48ca0f47f9a

https://www.gatsbyjs.org/tutorial/part-four/

https://redux.js.org/advanced/example-reddit-api

Contributing

Feel free to open issues and pull requests!

About

A collection of projects built on the React library

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.9%
  • HTML 11.1%
  • CSS 9.0%