Introduction

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:

React

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.

Express

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.

Material-UI

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

Apollo

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.

MongoDB

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

MobX

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

Razzle

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.