Advanced React For Enterprise

Developed by: Eranda Samarasinghe

---

Project Background and Overview

This repository contains resources and examples for the "Advanced React For Enterprise: React for Senior Engineers" course from Udemy. The course covers advanced topics in React, including performance optimization, state management, and server-side rendering

---

Project Goals

The main objectives of this application are to:

1. This project focuses on implementing scalable CSS architecture for maintainable and consistent styles
2. It designs reusable React components using effective design patterns for modularity and composability
3. The components are built with TypeScript to ensure type safety and improve code maintainability
4. Unit and visual regression testing are incorporated to maintain component stability and catch style issues
5. Storybook is used to document components and establish a consistent design system for collaboration

---

Technical Details

Core technologies used:

• React, JavaScript, TypeScript, SCSS, HTML

---

Installation

1. Clone repository:

   git clone https://github.com/dev-eranda/reactjs-design-system-engineer
   

2. Build the project:

   npm run build
   

3. Start development server:

   npm start
   

4. Test the project:

   npm test
   

5. Publish the project:

   npm publish
   

6. Commit the project:

   npm commit
   

• Open http://localhost:3000 with your browser to see the result.

NPM Packages

@test.ds.e/foundation

npm install @test.ds.e/foundation

@test.ds.e/react

npm install @test.ds.e/react

@test.ds.e/scss

npm install @test.ds.e/scss