Coder Social home page Coder Social logo

protoxvga / react-archi Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 20 KB

Clean react template from create-react-app, scalable and easily testable. Cut everything and structure folders to find quickly and add features easily.

Home Page: https://www.npmjs.com/package/cra-template-typescript-chakra

License: MIT License

HTML 12.10% CSS 22.06% TypeScript 65.84%
build-tool create-react-app react template boilerplate

react-archi's Introduction

react-archi

Welcome to the react-archi template documentation based on Create React App

Please if you have any advice, problem or need. Open an issue and we can talk about it :)

Why react-archi ?

This template is based on a personnal need when I build a new react project. I will try to make multiple templates with the same architecture but multiple packages variations.

Usage

To use this template within your project, add --template *template-name* when creating a new app.

For example:

npx create-react-app my-app --template typescript-chakra

# or

yarn create react-app my-app --template typescript-chakra

"template-name" is the subfolder name from the repo based on your needs

Architecture

The goal at the startup of the project was to create a clean architecture, scalable and easily testable. Cut everything and structure folders to find quickly and add features easily.

Coming soon !

Good practices

Coming soon !

What's next ?

I would like to create same template but with different packages like by adding a redux starter or replacing chakraUI by MUI or adding redux...

react-archi's People

Contributors

protoxvga avatar

Stargazers

Marine S. avatar Théo HEMMER avatar  avatar

Watchers

 avatar

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.