kousenlsn / posterino

Simple React web app in between React and React Hooks.

Posterino

Simple React web app in between React and React Hooks.*

Motivation 🏃

• Knowledge test app.

Requirements:

• Consult an endpoint for fetching mocked posts; edit and persist locally;
• Implement Container pattern.*

Run locally 👷

1. npm install
2. npm start

Composition 🔨

• Presentation components using React-Hooks, and Container using classic React;*

• Create React App - Boilerplate;

• Redux - State management;

• Redux-thunk - Async actions for redux;

• Redux-persist - Keeping the store state preserved between reloads;

• Redux-devtools-extension - Timetravel debugging tools for redux;

• React-router-dom - Routing for SPA with react;

• React-jss - CSS in JS lib;

• Axios - HTTP request lib;

• Moment - Date time lib;

• Ant Design - Visual components library;

• Rc Queue Anim - Animation lib.

Nuances 🔎

• State is preserved between page refreshes using rehydration.