Skip to content

danie302/Template-react-ts-webpack-template-csr

Repository files navigation

React Template

React Template

By Daniel Daza


Content

  1. Project Description

  2. Installation

  3. Scripts

  4. Project Structure

    4.1. Application

    4.2. Infrastructure

    4.3. Presentation

  5. Testing



1. Project Description

Project description here ...

The project is structure with the following technologies:

  1. React
  2. TypeScript
  3. Create React App
  4. React Router
  5. SASS
  6. Jest
  7. Enzyme

2. Installation

To install the project dependencies, run the following command:

  1. nvm use
  2. npm i

3. Scripts

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:9000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run test

Launches the test runner in the interactive watch mode.

npm run test:coverage

Launches the test runner to generate a code coverage report.

npm run test:snapshot

Launches the test runner to generate code snapshots.

npm run build

Builds the app for production to the dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run lint

Launch linter to review and analyze the code.

npm run lint-fix

Launch linter to review and analyze the code and fix the code.

4. Project Structure

The project is structured using clean architecture with the following layers:

4.1. Application

The application layer of the proyect is manage in the API folder, to manage all the connection and requests with external services.

4.2. Infrastructure

The infrastructure layer of the proyect is manage in the Repositories folder, to manage all the bussiness logic of the application.

4.3. Presentation

The Presentation layer of the proyect is manage with the templates and pages folders, to manage all the UI section.

5. Testing

Each component should manage its own .spec file to cover the appropiate unit tests

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors