![]() ![]() There's even complexities when dealing with styling.It'll bring a lot of overhead when developing new screens / using state and how they'll work in the lifecycle of the client bundle and when they've been rendered through SSR.This starter kit assumes you're only going to need single page web app, it is worth thinking about how much you REALLY need SSR for what is a web app at a single domain. We're not using NextJS / RemixJS - this is because these are big frameworks for use cases where static site rendering / generation is important.Lets address the React elephants in the room GitLens (This can be a bit resource intensive). ![]() ![]() vscode-icons (VSCode's icons have come along way but these are still a litle better).Rainbow Brackets (Depends on how much you like colours - but it's quicker nested function identification).Partial Diff (Handy allows selection of text CTRL+C and then right click on another selection to - get a git like compare view).These are the ones that I've found help with the dev workflow - you might equally find them not so helpful. React-Query / More complex opinionated state management.TypeScript Jest & React Testing Library.Structure/Architecture with Prettier and ESLint and TSConfig.This starter will setup you up with a project has: It's built on top of Create React App (CRA) and you can find more here: Outline Unlike the React Native starter kit (see here) with this being a React Web App there's no extra boilerplate other than having npm/yarn installed. To be honest it exists to fill that gap when you want to start a new side project / hobby project where you have that cracking idea but you say: "I really can't be bothered setting everything up and putting boilerplate in. This hopefully exists as a "living document" in the sense that as popular patterns change and packages update, this starter app will also update. Pop the kettle on, all the boilerplate is sorted!Ī React starter repo with the aim to implement "scalable gold star" standards from the get go giving some examples with a couple of screens. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |