Intro
Welcome to the CodeScouts Library. On this site, you’ll find documentation about our libraries that allow you to implement Clean Architecture in Frontend development, currently with React, although we are working to extend support to Svelte and VueJS.
Our goal is to teach you how to implement it in no more than 5 minutes. Let’s go 🚀
Disclaimer
These libraries are continuously evolving. We follow semantic versioning to avoid breaking changes in your code, and we encourage you to report any issues you detect.
Prerequisite Knowledge
As you’re reading, these libraries enable you to implement clean architecture in your frontend, allowing you to test, maintain, and scale your software faster.
Clean Architecture
If you’re unfamiliar with Clean Architecture or would like to dive deeper into it, we recommend you first read this post Clean Architecture before proceeding.
Let’s Get Started
To implement our library, you have two options:
Create a New Web App (React)
- Install from the template
npx degit codescouts-academy/react-clean-architecture my-app
- Install dependencies
npm i
- Start the app
npm run dev
Use Our Template (Create React App)
- Install from the template
npx create-react-app my-app --template @codescouts/clean-architecture-template
- Install dependencies
npm i
- Start the app
npm start
If you use our template, you’ll see something like this 👇