Giter VIP home page Giter VIP logo

react-ts-starter-2023's Introduction

React.js Typescript application starter

Usage: create fast prototypes, solve test tasks.

Features:

  • You can write Typescript or Javascript code with the latest JS features.
  • Babel is used for Typescript transpilation. Typescript compiler is used for the type checking only.
  • ESLint for linting Typescript and Javascript code.
  • Auto code formatting with Prettier.
  • Fully controllable build process with Webpack (v5). There are the development, production configs. The common part is in the common config.
  • Webpack dev server with hot reloading
  • Production optimized build
  • Client-side routing (react-router v6)
  • Material UI toolkit (v5)
  • "api" sub-dir contains code for working with a backend. Axios is used.
  • Login and Main page skeletons. Dummy implementation for handling the authentication has already been added.
  • Jest configured. Tests can be written in Typescript.
  • Storybook configured.

Webpack Vs Vite

This starter uses Webpack. So, the dev server starts slowly compared to Vite.
The same is true also for code changes and live-reloading.
If you'd like to try the same starter, but with Vite, see the following link:
react-ts-vite-starter

Quick start

First install dependencies:

npm install

To run in the development mode with hot module reloading:

npm start

That command opens http://localhost:4000 page in your browser.

To create a production build:

npm run build

See "build" folder for results.

react-ts-starter-2023's People

Contributors

azakharo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

react-ts-starter-2023's Issues

Replace Formik?

Hi, just stumbled across your template during some work tasks and noticed your template uses Formik. Just wanted to point out that you may want to move from it to something else as development efforts on Formik have been stalled without a new release since June 2021! Even their work on a V3 release have halted entirely.

Sorry to be the bearer of bad news, when I discovered this last year I was shocked, my next project will probably be with react-hook-form and I will miss the ergonomics and ease of Formik.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.