Giter Club home page Giter Club logo

react-projects's Introduction

React Projects

(not maintained, was just for practice earlier) 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

Sorry, as this was a practice repo and no longer maintained, will not be updating the repo nor looking into issues/PRs.

react-projects's People

Contributors

ajayns avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-projects's Issues

Blog project

I think blog project made with Next.js (SSG) may be very good project to include in this repository ๐Ÿ˜

Rewrite class components to function components

Some projects (e.g. todo, markdown editor, tictactoe) have been written in class components. React is now moving away from it and recommend to write apps with functions. If my idea is approved I can take care of it ๐Ÿ˜

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.