React CMS Learn how to use Cosmic JS to power content for your projects using tools you love.

React

Cosmic JS makes it easy to manage content for your React applications. Get a feel for React by taking a spin through our React Apps and check out the tutorials below.

React Quickstart

Install a Cosmic-powered React app in seconds🔥

npm i -g cosmic-cli
cosmic init react-starter
cd react-starter
cosmic start

React CMS Articles

Developer Community: React Articles
How to Build a Sticky Notes App Using React and Redux
How to Build a ToDo App Using React, Redux and Webpack
How to Build a Cross-Platform Blog Using React Native and Node.js
Build an Appointment Scheduler Using React, Twilio and Cosmic JS

React CMS Resources

Simple React Blog
React News App
Cosmic JS Docs
Official JavaScript Client
Cosmic JS GitHub
Video: How to Build a Cosmic JS Extension Using Create React App

Using the Cosmic JS NPM Module

npm i cosmicjs

Then in your JavaScript file, get your content:


React CMS

React Example with the GraphQL API

  Back to Knowledge Base