https://github.com/mohamedsamara/react-styled-components

React Styled Components Examples
https://github.com/mohamedsamara/react-styled-components

react styled-components styled-system typescript

Last synced: 13 days ago
JSON representation

React Styled Components Examples

• Host: GitHub
• URL: https://github.com/mohamedsamara/react-styled-components
• Owner: mohamedsamara
• License: mit
• Created: 2022-09-07T04:46:59.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-05T13:05:56.000Z (about 1 month ago)
• Last Synced: 2024-12-05T14:20:01.094Z (about 1 month ago)
• Topics: react, styled-components, styled-system, typescript
• Language: TypeScript
• Homepage:
• Size: 122 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Styled Components

## Description

React Styled Components is a collection of reusable components built with `styled-components` and `styled-system`, designed for the development of React applications. This project provides a set of essential components like Typography, Box, Container, Flex, and more, each styled with a focus on flexibility and responsiveness.

## Quick start

1. Clone this repo using `git clone https://github.com/mohamedsamara/react-styled-components.git`

2. Move to the directory: `cd `.

3. Run `yarn install` in order to install dependencies.

## Start development

```bash

yarn dev

```

## Simple build for production

```bash

yarn build

```

## Preview production build

```bash

yarn preview

```

## Format with Prettier

```bash

yarn format

```

## Run Linter

```bash

yarn lint

```

## Testing with Jest

```bash

yarn test

```

## E2E Testing with Cypress

```bash

yarn cypress:open

```