Saltar al contenido principal

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)​

  1. Install from the template
npx degit codescouts-academy/react-clean-architecture my-app
  1. Install dependencies
npm i
  1. Start the app
npm run dev

Use Our Template (Create React App)​

  1. Install from the template
npx create-react-app my-app --template @codescouts/clean-architecture-template
  1. Install dependencies
npm i
  1. Start the app
npm start

If you use our template, you’ll see something like this 👇