Oreact is a full-stack javascript solution for your next big idea.

Forget all the boilerplate and focus on what matters to your application. It helps you build fast, robust, and maintainable production web applications using some of the world's most popular tools: React, Material-Ui, Apollo, MongoDB, Mobx and Razzle.

Before getting this started. It also requires you to have some basic knowledge of all above tools so you can map your mind how it all works. Here we introduced those amazing tools:


Everyone knows about! There is no need to introduce a Facebook's cute baby React. Oreact is built around a skeleton of React. Oreact is a React app and if you don't know what React is or don't know how it is being used, We highly recommend you to have a look at React before getting started with Oreact.


Powering every robust web application is a web framework. Oreact boilerplate uses Express as its web framework, so you are free to take advantage of all of Express's great new server-side features within your own Oreact application.


To choose a best UI library is an essential for faster development. We have a Google's material design specification: Material-UI


Apollo GraphQl stack helps to simplify a data fetching on both initial server render, and then client mounts. To understand how to query a database you also need to have some basic understanding of how to write GraphQl queries.


Go through a Official Website of MongoDB and proceed to its Great Manual, which should help you understand NoSQL and MongoDB better.


As a compare to Redux, MobX is a simple and scalable state management tool. React and MobX together are a powerful combination.


Razzle enhance the awesome developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to Oreact.