commit before publish package

Author: gigantz

README.md

@@ -1,94 +1,107 @@
-# React-end
+# Reactend / Express
 
-React http-server based on Express.js
+React-like http-server on Nodejs
 <br />
 
-![Planet Express](public/logo.svg)
+![Planet Express](logo.svg)
 
 ## Install
 
-`npm i --save @react-end/express`
+`npm i --save @reactend/express react react-dom`</br>
+or</br>
+`yarn add @reactend/express react react-dom`</br>
 
-### Why?
+</br>
+
+## Why?
 
 It's the only crazy idea to use React to structure Backend on Node.js.
-<br />
+<br /><br />
 
-### How it works?
+## How it works?
 
 It works with express.js framework to run Node.js server. Custom renderer we have is building express structure app from React Components.
-<br />
+<br /><br />
 
 ### Code Example
 
 ```js
 import React from 'react';
-import { registerApp, App, Static, Router, Get, Post, Res } from '@react-end/express';
+import { resolve } from 'path';
 
-const HomePage = () => <h1>Home page</h1>;
-const AboutPage = () => <h1>About Page</h1>;
+import { registerApp, App, Static, Router, Get, Post, Res, Logger } from '@reactend/express';
 
 const ExpressApp = () => (
   <App port={process.env.PORT || 8080}>
     <Static publicPath="/public" />
+    <Logger mode="dev" />
     <Router path="/">
-      <Get render={HomePage} />
-      <Get path="/about" render={AboutPage} />
+      <Get>
+        <Res.Header name="Cache-Control" value="public, max-age=31557600" />
+        <Res.Render component={HomePage} />
+      </Get>
+      <Get path="/components" render={ComponentsPage} />
       <Router path="/api">
         <Post
           path="/status"
           json={{ msg: 'It is okay, bro' }}
           handler={(req) => console.log(req.originalUrl)}
         />
       </Router>
-      <Updates />
       <Get path="*" text="Not Found" status={404} />
     </Router>
   </App>
 );
-
-registerApp(ExpressApp);
 ```
 
 <br />
 
 ## You can use this way too
 
 ```js
-const Updates = () => (
-  <>
-    <Get path="/redirect">
-      <Res.Redirect statusCode={301} path="https://ru.reactjs.org" />
-    </Get>
-    <Post path="/json">
-      <Res.Status statusCode={401} />
-      <Res.Content json={{ msg: 'No Access' }} contentType="application/json" />
-    </Post>
-    <Get path="/send-file">
-      <Res.SendFile path={resolve('public/code-example.png')} onError={console.log} />
-    </Get>
-    <Get path="/render">
-      <Res.Render component={() => <h1>Shut Up And Take My Money!</h1>} />
-    </Get>
-  </>
-);
+import cors from 'cors';
+<Middleware handler={cors()} />;
+```
+
+```js
+<Get path="/redirect">
+  <Res.Redirect statusCode={301} path="https://ru.reactjs.org" />
+</Get>
+
+<Post path="/json">
+  <Res.Status statusCode={401} />
+  <Res.Content json={{ msg: 'No Access' }} contentType="application/json" />
+</Post>
+
+<Get path="/send-file">
+  <Res.SendFile path={resolve('public/code-example.png')} onError={console.log} />
+</Get>
+
+<Get path="/render">
+  <Res.Render component={() => <h1>Shut Up And Take My Money!</h1>} />
+</Get>
 ```
 
-### Components
-
-`<App />` - App Instance (props: port)
-`<Static />` - Static route (props: publicPath, path, options)
-`<Router />` - Router-Provider (props: path)
-`<Get />, <Post /> and ...` - Route component (props: path, content, handler, status)
-`<Res />` - Response components
-`<Res.Render />` - Render (props: component)
-`<Res.Content />` - Response send (props: json, text, contentType)
-`<Res.Status />` - Response Status (props: statusCode)
-`<Res.SendFile />` - Response Send File (props: path, options, onError)
-`<Res.Redirect />` - Redirect (props: path, statusCode)
+<br/><br/>
+
+## Components
+
+_This minor description for now (Docs is on the way)_<br/><br/>
+`<App />` - App Instance (props: port) <br />
+`<Static />` - Static route (props: publicPath, path, options) <br />
+`<Router />` - Router-Provider (props: path) <br />
+`<Get />, <Post /> and ...` - Route component (props: path, content, <br />handler, status) <br />
+`<Middleware />` - Middleware (props: handler) <br />
+`<Logger />` - morgan logger (props: mode, disabled) <br />
+`<Res />` - Response components <br />
+`<Res.Render />` - Render (props: component) <br />
+`<Res.Content />` - Response send (props: json, text, contentType) <br />
+`<Res.Status />` - Response Status (props: statusCode) <br />
+`<Res.SendFile />` - Response Send File (props: path, options, <br />onError) <br />
+`<Res.Redirect />` - Redirect (props: path, statusCode) <br />
 <br />
 <br />
 
-### Contact me
+## Contact me
 
 Email me if you have any idea and you would like to be contributor [[email protected]](mailto:[email protected])