This file has been truncated, but you can view the full file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ | |
{ | |
"city": "New York", | |
"cityAscii": "New York", | |
"stateId": "NY", | |
"stateName": "New York", | |
"countyFips": "36081", | |
"countyName": "Queens", | |
"lat": "40.6943", | |
"lng": "-73.9249", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
├ src/ | |
├── blocks/ | |
| ├── Card/ | |
| | ├── Header.js // <- Element | |
| | ├── Image.js // <- Element | |
| | ├── Text.js // <- Element | |
| | ├── Title.js // <- Element | |
| | └── index.js // <- Block | |
├── elements/ | |
| ├── A.js // <- Element |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Date | V8 | V7 | V6 | V5 | V4 | |
---|---|---|---|---|---|---|
2022-05-24 | 0 | 3 | 71 | 12 | 25 | |
2022-07-12 | 0 | 25 | 44 | 10 | 23 | |
2022-07-25 | 0 | 31 | 41 | 9 | 21 | |
2022-08-25 | 0 | 50 | 30 | 9 | 19 | |
2022-10-19 | 0 | 65 | 17 | 6 | 15 | |
2022-11-01 | 0 | 68 | 15 | 6 | 16 | |
2022-12-15 | 18 | 59 | 8 | 5 | 13 | |
2023-01-10 | 22 | 51 | 7 | 5 | 12 |
This is not an argument for or against any particular library or solution for styling UI. Instead I’d like to bring a bit of context and nuance to the conversation in a way that doesn’t add to the ongoing flame war.
There are some things Emotion and Styled Components do very well, especially considering the styling landscape when they was created.
- [Design Systems][1] by Alla Kholmatova - the canonical design systems book, in my opinion
- [Expressive Design Systems][2] by Yesenia Perez-Cruz - a great follow-up to Kholmatova's book
- [Atomic Design][3] by Brad Frost - written before we were using the term 'design system' for web interfaces, but many popular ideas extend from these ideas
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// src/blocks/Card/index.js | |
import styled from 'styled-components'; | |
import Header from './Header'; | |
import Image from './Image'; | |
import Text from './Text'; | |
import Title from './Title'; | |
const Card = styled.div` |
- Vist https://twitter.com/settings/your_twitter_data/twitter_interests
- Open the JS console
- Run the script
let checkedInterests = [...document.querySelectorAll("input:checked")];
checkedInterests.forEach((input, index) => {
NewerOlder