tednaaa / fsrt Goto Github PK

🚀 ReactJS + TypeScript template designed for an exceptional DX 🧩

License: MIT License

HTML 1.06% TypeScript 74.56% SCSS 14.85% JavaScript 8.28% Shell 0.46% Dockerfile 0.80%

axios babel boilerplate cypress docker eslint feature-sliced-design husky jest mock-service-worker postcss prettier react-router-dom react-testing-library reactjs reactjs-boilerplate scss-modules typescript webpack

fsrt's Introduction

fsrt's People

Contributors

Stargazers

Watchers

fsrt's Issues

remove this line of code from root page

Add cli to easily create folders, components, ..etc by feature sliced methodology

fix to lower case

migrate jest

convert all files to kebab-case

example: https://github.com/tednaaa/fsrt/blob/f51e295798ee4e52839bec43717ddd9233bd52e1/template/__mocks__/fileMock.ts
fileMock.ts =>file-mock.ts

Add .editorconfig for template

missing variable "--body-background-color" in variables.scss

create npm package from this template

error when trying to npm install

Add command `npx fsrt generate`

For example

npx fsrt generate auth-form

then choose from list a layer pages, features, entities ...etc

npx fsrt generate entity auth-form

Keep routes inside pages/router instead of shared/router

🍰 Feature Sliced Review

Во-первых, спасибо большое что решился заняться этим! 🚀 🚀

Отпишу основные мысли тут, остальное потом подробнее разберем)

P.S.

Ссыль на воркспейс с кодом для ревью

add autoprefixer plugin

Add command `npx fsrt init` to install project

change shared/ui folder

remove shared/ui/index.ts

need to import components from shared/ui like import { Container } from '@/shared/ui/container'

In react-router-dom v6 we can use hook useRoutes

fsrt/template/src/app/App.tsx

Line 11 in f51e295

{publicRoutes.map(({ Component, path }) => {

https://reactrouter.com/docs/en/v6/api#useroutes