An example CRUD application for managing blog posts. Built with React, Redux and Redux Saga on the client side. The REST API server was generated with loopback.io and uses an in-memory database at runtime (persisting the models in a flat db.json file). This launches a backend API server listening at http://localhost:3001. You can browse the REST API at http://localhost:3001/explorer. To browse the API with Postman, import the server/react-redux-crud.postman_collection.json file.
https://github.com/maprihoda/react-redux-crudTags | react reactjs redux react-redux redux-saga crud-application rest-api |
Implementation | Javascript |
License | Public |
Platform | OS-Independent |
A basic SoundCloud API client built with React, Redux, and Redux Saga. Try the live demo.
react react-redux react-router redux-saga soundcloud soundcloud-api webpackPlease note that this boilerplate is production-ready and not meant for beginners! If you're just starting out with react or redux, please refer to https://github.com/petehunt/react-howto instead. If you want a solid, battle-tested base to build your next product upon and have some experience with react, this is the perfect start for you. So it involves a lot of additional learning curve to get started with react-boilerplate. That's why I forked it, stripped it down and made this leaner, beginner friendly boilerplate without all the additional complexity.
react reactjs redux react-redux react-redux-boilerplate react-boilerplate redux-saga jestRedux CRUD is a convention driven way of building CRUD applications using Redux. After building several Flux applications we found that we always end up creating the same action types, actions and reducers for all our resources. When building an app you might have resources like users, posts and comments.
react redux crudredux-form works with React Redux to enable an html form in React to use Redux to store all of its state. You can play around with redux-form in these sandbox versions of the Examples.
redux redux-form react form forms form-validation validation reactjs flux react-redux decoratorPanther is a full-stack React/Redux/Node web app that uses the Spotify API to make suggestions based on an initial user-specified artist. It uses a graph consisting of vertices and edges to represent the data. At the center, the user's currently-selected artist, along with the artist's avatar and some audio samples of the artist's top tracks. To the left is a vertex representing the previous artist, and to the right are 3 suggestions. By clicking on the vertices, users can move forwards and backwards through their suggestion tree, (hopefully) discovering a bunch of awesome new music.
music react reactjs graph tree-traversal spotify rethinkdb redux redux-saga redux-sounds nodejsReact Redux Form is a collection of reducer creators and action creators that make implementing even the most complex and custom forms with React and Redux simple and performant. That's all you need. Seriously. Read the Documentation for more information.
redux react form forms redux-form react-redux-form reactjsRedux test recorder is a redux middleware for automatically generating tests for your reducers based on the actions in your app. Currently I've written redux-test-recorder-react a component to provide a gui for recording tests in react but I'm hopeful recording components for other frameworks can be created in the future. Also take a look at our latest build which currently runs a test generated using this module by taking advantage of the eval command. For a better idea of what is going on, you can take a look at the test file here.
react redux tests tape reducer reactjs component react-component record react-reduxThis application demonstrates what a React-based register/login workflow might look like with Redux Saga. It's based on Max Stoiber's login-flow, but uses Redux Saga instead of Redux Thunk to handle asynchronous actions.
React on Rails integrates Rails with (server rendering of) Facebook's React front-end framework. Intersted in optimizing your webpack setup for React on Rails including code splitting with react-router v4, webpack v4, and react-loadable? Contact me.
react-rails react-components redux-store rails-views rails-development react webpack ruby-on-rails ruby-gem npm-module javascript-api redux redux-saga shakacode heroku-deployment on rails技术栈:react、react-router4.x 、 react-redux 、 webpack3.x、 redux-saga 、 css-module 、 ES6 、babel...
react react-router redux webpack2multireducer is a utility to wrap many copies of a single Redux reducer into a single key-based reducer. There are times when writing a Redux application where you might find yourself needing multiple copies of the same reducer. For example, you might need more than one list of the same type of object to be displayed. Rather than make a big reducer to handle list A, B, and C, and have action creators either in the form addToB(item) or addToList('B', item), it would be easier to write one "list" reducer, which is easier to write, reason about, and test, with a simpler add(item) API.
react reactjs flux redux react-redux multireducer decoratorRedux bindings for React Router. React Router is a fantastic routing library, but one downside is that it abstracts away a very crucial piece of application state — the current route! This abstraction is super useful for route matching and rendering, but the API for interacting with the router to 1) trigger transitions and 2) react to state changes within the component lifecycle leaves something to be desired.
redux react-router react routerRedux bindings for Firebase. Includes Higher Order Component (HOC) for use with React. The Material Example is deployed to demo.react-redux-firebase.com.
redux firebase react redux-observable redux-thunk react-bindings redux-firebase redux-bindings react-redux babel hoc redux-react-firebaseMake sure your reactotron-* dependencies match the version of the Reactotron app. For example reactotron-react-native@2 will only work with the 2.x version of the app. reactotron-react-native@2 requires react-native >= 0.54. If you need, an older version, checkout the 1.x branch.
react-native reactjs reactnative debugging desktop reactotron redux redux-saga🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.
soundcloud soundcloud-api soundcloud-client player playlist redux react demo duration normalizr react-router redux-thunk react-router-v4This is an ESLint plugin to disable all mutation in JavaScript. Think this is a bit too restrictive? Well if you're using Redux and React, there isn't much reason for your code to be mutating anything. Redux maintains a mutable pointer to your immutable application state, and React manages your DOM state. Your components should be stateless functions, translating data into Virtual DOM objects whenever Redux emits a new state. These ESLint rules explicitly prohibit mutation, effectively forcing you to write code very similar to Elm in React. There's no reason to use let in a Redux/React application, because all your state is managed by either Redux or React. Use const instead, and avoid state bugs altogether.
eslint immutabilityThis boilerplate is built using create-react-app so you will want to read the User Guide for more goodies.
redux react create-react-app redux-thunk react-router es6 es2015 react16 react-redux react-router-v4 boilerplate
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.