zzz
γοΌβοΌγ½-ο½€_οΌΏ_
οΌοΌ_/οΌΏοΌΏοΌΏοΌΏοΌ
οΏ£οΏ£οΏ£οΏ£οΏ£οΏ£οΏ£
γγγβ§_β§ i know how to
γγ (γο½₯Οο½₯) fix my code
γ οΌΏ|γβοΌ(οΌΏοΌΏ_
οΌγβ-(οΌΏοΌΏοΌΏ_οΌ
πππ Spectrum is now part of GitHub!! πππ
I joined
@superbryntendo
and
@brian_lovin
βs quest to build Spectrum because I needed a space for my open source communities.
Iβm SO pumped to work on the future of Spectrum as part of the GitHub team!! ππ
The cat is out of the bag: I am joining
@gatsbyjs
! ππ₯
I'll be working with
@jxnblk
and
@4lpine
on open source R&D such as
@blocks_ui
, theme-ui, and more π
π
π "How open source changed my life" is out NOW! π₯π
Two filmmakers came to Vienna and interviewed me, my parents and friends to put together this beautiful mini-documentary about my life. π³π
Enjoy: π
ππ Announcing styled-components v4 ππ
- 25% faster mounting, 7% faster updating
- New global styling API
- Native support for the "as" prop
- Full React v16 StrictMode compliance
- Native support for "ref", no more innerRef!
- and so much more!
π π
Favorite MacOS utility apps:
- Rocket for :emojis: everywhereπ
- Vanilla for a neat menu bar
- Caffeine to keep my laptop awake
- Colorsnapper to pick colors
What are yours?
π Super excited to announce Bedrock: the premium full-stack Next.js & GraphQL boilerplate for SaaS products! π₯
The best tools and all the standard functionality you need already setup for you ππ―
Stop wasting time & start building. Pre-order now at π
How well do you know CSS? π¨πΌβπ«
Given these classes:
.red {
color: red;
}
.blue {
color: blue;
}
Which color would these divs be?
<div class="red blue">
<div class="blue red">
πππ I'm beyond excited to announce that Spectrum is now fully open source!! πππ
Come and help us build the future of online communitiesβtogether! πππ
π» Peep the code:
π¬ Full announcement:
Understand these 3 things and you will build better apps: π₯
β»οΈ Inversion of control ()
πΌ Using composition to avoid prop drilling ()
π Reducing app logic complexity ()
π
@davidkpiano
@kentcdodds
@mjackson
A few replies to this tweet were from people who find context useful to get around passing props down multiple levels. I made a short video about what it means to "use composition" to solve these issues. π
Hope it helps! π
π Why I Write CSS in JavaScript π
For three years, I have styled my web apps without any .css files. Instead, I have written all the CSS in JavaScript! π±
Let me explain.
π π
(spoiler alert: it is all about β¨ confidence β¨)
TIL: You can use Object.assign on a string!
#justjavascriptthings
Why's that useful? See below.
How neat is that! π No more colors.gray.default!
(via
@stephengfriend
in )
π Tech Choices I Regret at Spectrum π
A reflection on the lessons I learned from the tech choices that didn't work out for
@withspectrum
.
π π
Big news: I've left Gatsby! It's time for me to start something new β‘οΈ
I don't know what I'm going to do yet. All I know is that I want to go biiiiiig π
Going to keep building in public and sharing my journey of course β stay tuned! βοΈ
Today I turn 22 π
For my birthday I'd love to know: which project did you work on last year that not enough people know about?
I'll retweet my favorites! π
Bittersweet news as today is my last day at
@GitHub
! π’
It's been an awesome year and a half, but an exciting new opportunity has come up that I couldn't refuseβmore news soon...
Super excited to announce !! ππ
Built in just 55 hours live on air, it's a simple, yet sleek widget to collect user feedback for your product π₯
We are also live on
@ProductHunt
!! π Ask us anything:
π
Only 43% of the 13,000 people who answered know CSS well!
The right answer: both will be blue! π€―
The class order on the element does not matter. These two classes have the same specificity, so CSS falls back to source order. Today y'all learned!
Demo:
How well do you know CSS? π¨πΌβπ«
Given these classes:
.red {
color: red;
}
.blue {
color: blue;
}
Which color would these divs be?
<div class="red blue">
<div class="blue red">
ππ Releasing support for the css prop in create-react-app! ππ
Go from zero to a new React app styled with the css prop in less than fifteen seconds! π±π±π±
π
If I was going to start a new project today, I would use the following tech stack to write as little code as possible:
- React.js
- Node.js
- TypeScript
- Prisma
- GraphQL Nexus
- GraphQL Codegen
- styled-components
- rebass
Oh, look what I found! π
If I was going to start a new personal project today, I would use the following tech stack:
- React.js
- TypeScript
- GraphQL
- Node.js
- Apollo Client/Server
- TypeGraphQL
- TypeORM
- PostgreSQL
We did it!!!! 55 hours later we have built an entire product from scratch π π
ProductHunt + official launch coming tomorrow, now it's time to celebrate though!
Come join us for some champagne and excitement:
styled-components
@3
.1.0 is out with a massive performance boost and streaming server-side rendering support!! πππ
Huge shout out to
@real_schwers
and
@probablyup
for making this happen β€οΈ
π¬
π
ππ !!!The new is fully built with styled-components!!! π ππ (shoutout to
@real_schwers
; glad it's finally out)
π Just look at this beautiful use of theming π
π styled-components
@3
.0.0 is out!
- No more /native for ReactNative! Just import styled from 'styled-components' and you're good to go π₯π₯π₯
- Flat bundles on npm
- ReactNative update, adds styled.SafeAreaView and removes styled.Navigator
π Announcing support for the `css` prop in styled-components! π
This has been a long time coming, hope y'all enjoy! β¨
π
Huge shoutout to
@satya164
for coming up with the ingenious implementation! π
What's New in DevTools in Chrome 85? β¨
β’ Style editing for CSS-in-CSS
β’ Lighthouse 6
β’ Support for new JavaScript features
Find out more great new features and fixes here ππΌ
This is so so cool: learn
@GraphQL
by querying JSON! π‘
π Enter any JSON data you want
ποΈ See the automatically generated GraphQL schema
π§ββοΈ Query the data with GraphiQL in the browser
Wish this had been around when I was learning
@GraphQL
!
π π
Today I turn 21. π
For my birthday, I wish that all of you go into 2018 and beyond with an open mind towards new ideas and experiments, because you can never know where they might lead you. Have a great year! π
π Extremely excited to announce Ξ
@changefeedapp
: Create a beautiful changelog for your product in seconds! ππ₯π
Thrilled to finally launch this with
@brian_lovin
and
@nikgraf
π
See what your changelog would look like right now, no login required! π
β¨ 2019 Goals β¨
- Less Twitter
- Build best space for OSS communities
- Write 10+ blog posts
- Learn one new programming lang
- Ship one serious side project app
- Consistently steam perfect milk for latte art
- Keep at it w/ OSS (100k stars total?!)
- More sport
- More skiing
I love nerding out about coffee because it's a really data-driven hobby π€
It's all about optimising the output (extraction, balance) by adjusting input variables (roast, grind, ratio).
Once you are dialled in: deliciousness! βοΈπ
π Super excited to announce BEDROCK IS LIVE!!! π₯
Bedrock is the premium full-stack Next.js & GraphQL boilerplate for SaaS products that I've worked on for the past months.
You can FINALLY buy it at right now!! π
styled-components has crossed 20,000 stars on GitHub! πππ―ββοΈπ
It is now the 246th most starred repository on GitHub (out of many millions) π
π
Today I turn 24! ππ₯³
For my birthday, I'd love to know what great things happened to you last year despite the pandemic!
What could not have gone better for you in 2020?
styled-components v3.3.0 is out with first-class object support! π
Lots of people have been asking for this, your wishes have been heard! Shoutout to
@probablyup
for taking care of this release.
π
We are building an entire product from scratch in 72 hours and are *streaming the whole time*, starting in 15 minutes! π±
Tune in live at πΏ
Here is what we look like before this weekend. Let's see what we look like after π
π₯ node-clinic: Automatically diagnose your
@nodejs
performance issues and get actionable tips on how to improve it ππ
My new favorite Node module π
@mafintosh
@davidmarkclem
100% of devs who think Redux is "too complex" use it as a client-side cache of server-side data.
Don't. Just don't. Redux doesn't work well for that. π ββοΈβοΈ
Use apollo-client instead, with apollo-link-rest or build a
@GraphQL
wrapper around your API. It's a client-side cache!
Jane Manchun Wong (
@wongmjane
) is working on a React rendering engine, codename "Umbrella". She already uses it in production at .
Articles are authored in blocks, currently as raw JSON. Supported special blocks include:
- tweet
- fyi
- timeline
- code
GitHub is testing showing potentially related issues when opening a new one! πππ
This will hopefully heavily decrease the amount of duplicate issues πππ
@GitHub
In theory, GraphQL is close to the optimal data fetching solution: one req per view to get exactly the data it needs.
But in practice, setting up GraphQL correctly is nigh impossible.
The ecosystem is a mess of hodgepodge tools that don't lead you down the pit of success. (egβ¦
I bought 20k Dogecoins for 12,75β¬ in 2014.
They are now worth $11k USD!
I always knew... to the mooooooon π
Except I don't have access to the wallet anymore ππ
Google Dev Advocates: "The web should be fast and equal for all!!!"
Google Search Engineers: "Let's serve a shittier version of Google Search to Firefox users so they think it's their browser and switch to Chrome"
π‘π‘π‘π‘
Source:
π Today I turn 23! π₯³
That seems like a great occasion to do a Q&A. Reply to this tweet with any questions you have and I'll try to answer them! π
I admire folks who are professionally well know under a pseudonym. (eg
@andrestaltz
@evilrabbit_
)
There's no reason to use your legal name online. No upside, only potential downsides.
Wish I'd used a pseudonym β once you have a reputation you can't switch anymore. (cc
@balajis
)
π styled-components was downloaded over 200,000 times (!) in the last four weeks and we crossed 8,000 stars on GitHub just now!!
ππππππ