React TypeScript Course – Start Up Ready Application

"Life is too short to code from beginning

One of the best architecture for your React application.

Frontend contains best practice to build excellent web application.

Login, registration, logout and check authentication flow (administrators can drop session for target user).
Internalization. Your customers will thankful for concern. Conquer different markets now.
Universal error handlers for request/response. Errors show for fields, forms, connection. Written once. Use anywhere.
SEO module for different titles and descriptions in the app. Just add text for new page, not more action required. i18n support.
Really dynamic breadcrumbs. Inserted once. Working anywhere you wish.
A11y ready. Try to use without mouse. It's possible.
Different roles and permissions. Live example how to manage access rights.
Flash customization. Users available change colors on frontend immediately.
Universal UX protector. Your users will not lose important changes in forms. Site prevents internal and external transitions while there are some changes in fields.
Right way to Cache data in Redux.
You available to cancel http request that you want.
Live chart with real-time data using WebSocket.
Service Worker for offline cache.

Be smart, be passion, be happy!

Technologies: React, TypeScript, Redux, PostgreSQL, Sequelize.

Installation

install nodejs

install PostgreSQL 11 or later

Windows:

MacOS:

*nix:

You're smart guys

follow the instruction:

install Python 2.7

in root folder:

git init

in .\ and .\backend folders:

npm install

in both .\ and .\backend folders:

rename .env.example -> .env and fill them

.\backend

npm run dev

.\backend\bin

for start command (don't recommend, this backend only for dev, not ready for production)

chmod +x www

frontend

.\ start dev mode:

npm run start

make build for production:

npm run build

Author: Maksim Golitsyn