Giter Club home page Giter Club logo

react-projects's Introduction

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!

react-projects's People

Contributors

ajayns avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.