Learn how React and Redux work together in a realistic full-featured app by studying the complete source code.
Use it as a starter template for a frontend app that needs user authentication, article creation, and comments.
Compare how a React/Redux frontend is structured versus other tech stacks through the RealWorld project.
Requires Node.js and npm, a public test API is provided so no backend setup is needed.
This repository is a complete example web application called Conduit, which is a social blogging site similar in concept to Medium. It exists as a teaching resource to show how to build a real-world frontend application using React and Redux, two popular JavaScript tools for building web interfaces and managing application state. React is a library for building user interfaces out of reusable components, and Redux is a tool for keeping all of an app's data in one central place so that different parts of the interface stay in sync. This project demonstrates how they work together in a realistic setting, covering things like user authentication, creating and editing articles, leaving comments, following other users, and favoriting posts. The app is a frontend only, meaning it handles what the user sees and interacts with in the browser. It connects to a backend server over a standard API to fetch and save data. A live public API is available for testing so you can run the frontend locally without needing to set up a server yourself. If you want to swap in a different backend, you change one line in the source code. To run it yourself, you clone the repository, install dependencies with npm (a standard package manager for JavaScript projects), and start the local development server. The app will be available in your browser at a local address. The README also points to a live demo if you just want to see it in action without setting anything up. The codebase is described as feature complete, meaning the authors are not adding new functionality. It is maintained for learning purposes, with a wiki that explains the patterns used. It was originally created as a reference implementation for the broader RealWorld project, which collects example apps built with many different technology stacks so developers can compare approaches.
← gothinkster on gitmyhub — every repo by this author, as a profile.
Verify against the repo before relying on details.