GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ajayns → React Projects

ajayns / React Projects

A collection of projects built on the React library

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreduxreact-routerjsxprojects

Projects that are alternatives of or similar to React Projects

react-cheat-sheet
📚 The perfect React Cheat Sheet for daily use with a lot of Javascript / JSX snippets !
Stars: ✭ 59 (-90.2%)
Mutual labels:  react-router, jsx
React-Netflix-Clone
A Fully Responsive clone of Netflix website built using React.JS as a Front-end & Firebase as a Back-end.
Stars: ✭ 91 (-84.88%)
Mutual labels:  react-router, jsx
React Atomic Structure
Basic Structure for React app following Atomic Design
Stars: ✭ 89 (-85.22%)
Mutual labels:  react-router, jsx
react-pits
React 中的坑
Stars: ✭ 29 (-95.18%)
Mutual labels:  react-router, jsx
React Study
渐进式学习React生态圈
Stars: ✭ 548 (-8.97%)
Mutual labels:  react-router
Antd Umi Sys
企业BI系统，数据可视化平台，主要技术：react、antd、umi、dva、es6、less等，与君共勉，互相学习，如果喜欢请start ⭐。
Stars: ✭ 503 (-16.45%)
Mutual labels:  react-router
Atomico
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
Stars: ✭ 481 (-20.1%)
Mutual labels:  jsx
Rekit
IDE and toolkit for building scalable web applications with React, Redux and React-router
Stars: ✭ 4,452 (+639.53%)
Mutual labels:  react-router
Use React Router
React Hook for pub-sub behavior using React Router.
Stars: ✭ 575 (-4.49%)
Mutual labels:  react-router
Light Bootstrap Dashboard React
React version of Light Bootstrap Dashboard
Stars: ✭ 561 (-6.81%)
Mutual labels:  react-router
Awesome Preact
A curated list of amazingly awesome things regarding Preact ecosystem 🌟
Stars: ✭ 546 (-9.3%)
Mutual labels:  jsx
React Motion Layout
🦸 Beautiful immersive React hero animations.
Stars: ✭ 509 (-15.45%)
Mutual labels:  react-router
Xiaoduyu.com
🐟小度鱼 - 年轻人的交流社区 https://www.xiaoduyu.com
Stars: ✭ 549 (-8.8%)
Mutual labels:  react-router
Connected React Router
A Redux binding for React Router v4
Stars: ✭ 4,631 (+669.27%)
Mutual labels:  react-router
React Mobx React Router4 Boilerplate
React, React-Router 4, MobX and Webpack 2-boilerplate with async routes.
Stars: ✭ 566 (-5.98%)
Mutual labels:  react-router
Language Babel
ES2017, flow, React JSX and GraphQL grammar and transpilation for ATOM
Stars: ✭ 476 (-20.93%)
Mutual labels:  jsx
React Redux Saga Boilerplate
Starter kit with react-router, react-helmet, redux, redux-saga and styled-components
Stars: ✭ 535 (-11.13%)
Mutual labels:  react-router
Vhtml
Render JSX/Hyperscript to HTML strings, without VDOM 🌈
Stars: ✭ 556 (-7.64%)
Mutual labels:  jsx
Favesound Mobx
🎶 A SoundCloud Client in React + MobX running in production. Live Demo and Source Code to explore React + MobX. Refactored from favesound-redux
Stars: ✭ 532 (-11.63%)
Mutual labels:  react-router
React Router Page Transition
Highly customizable page transition component for your React Router
Stars: ✭ 531 (-11.79%)
Mutual labels:  react-router
View All Similar Projects ➔

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!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].