https://github.com/gah-code/modern-component-arch

Styled component workshop
https://github.com/gah-code/modern-component-arch

css design-system javascript react styled-components

Last synced: about 1 month ago
JSON representation

Styled component workshop

• Host: GitHub
• URL: https://github.com/gah-code/modern-component-arch
• Owner: gah-code
• Created: 2024-03-08T04:42:24.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2024-04-24T01:17:11.000Z (10 months ago)
• Last Synced: 2024-04-24T12:51:29.690Z (10 months ago)
• Topics: css, design-system, javascript, react, styled-components
• Language: JavaScript
• Homepage:
• Size: 688 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Set Up

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## npm install --save-dev babel-plugin-styled-components

[Babel Macros](https://github.com/kentcdodds/babel-plugin-macros)

## Performance

[Tool for comparing performance of different CSS solutions](https://necolas.github.io/react-native-web/benchmarks/)

### Exercise 1 - FAQ components

### Global Styles - resets

[Eric Meyer](https://meyerweb.com/eric/tools/css/reset/)

[responsive accessible table](https://adrianroselli.com/2017/11/a-responsive-accessible-table.html#Example)

# Buttons

[the as prop](https://styled-components.com/docs/api#as-polymorphic-prop)

### Escape Hatches

- Escape hatches are tools that allow us to break free of the constraints that normally serve us well.

[Contextual Styles](https://ellodave.dev/blog/article/contextual-css-and-the-problems-therein/)