Frontend Engineer @celebrate_com, web tech fanboy, learning to understand good design, loves learning
Munich
Joined November 2014
- Tweets1.4K
- Following474
- Followers213
- Likes5.7K
Philipp Sporrer retweeted
Someone DM'd me saying they're using /grill-me in technical interviews
Watch the candidate work. See how they answer questions and push back. See whether the AI drives them, or they drive the AI.
Honestly genius
Philipp Sporrer retweeted
After 2+ years, it's finally time to announce @Tan_Stack Form v1!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
Philipp Sporrer retweeted
This is hands down one of the best things our team shipped
The Flags Explorer allows your team to see and override flags from any provider.
Here I'm toggling flags on and off for myself without changing anything in the flag provider, and without affecting team members
Totally underestimated how much avoiding barrel imports would speed up my tests 😲. Up to 20% faster just by avoiding `import * from "@mui/material"` 😍.
Philipp Sporrer retweeted
By the end of 2024, you’ll likely never need these APIs again:
• useMemo, useCallback, memo → React Compiler
• forwardRef → ref is a prop
• React.lazy → RSC, promise-as-child
• useContext → use(Context)
• throw promise → use(promise)
• <Context.Provider> → <Context>
Philipp Sporrer retweeted
me resizing the browser window to see how responsive that fancy new website actually is
Philipp Sporrer retweeted
You probably know React.
But do you know how to use TypeScript with React?
Introducing my biggest ever drop of FREE content...
And it's live right now ⬇️⬇️⬇️
Philipp Sporrer retweeted
#frontend #tech #meetup with @PhilippSporrer, Frontend Engineer at celebrate: Let's talk font metrics! Watch now on You Tube: youtube.com/watch?v=0BjCgJJe…
Philipp Sporrer retweeted
🔥 Google fonts typography guide
A free library of typography guides created by @googlefonts in collaboration with typographic experts from around the world 🌎
◆ Choosing type
◆ OpenType
◆ Web fonts
◆ Variable fonts
◆ Readability & accessibility
Get the guides 👇
Philipp Sporrer retweeted
A sweet aftertaste of our @FrontMuc #meetup yesterday at @celebrate_com #community #tech – at Munich, Germany
Philipp Sporrer retweeted
Thanks amazing speakers @bmeurer @PhilippSpo and Wolfgang Beyer for sharing your knowledge with #community and @celebrate_com for your hospitality 🫰🤝🙌
40 people on-site and ~20 online. #hybrid format rocks!
Philipp Sporrer retweeted
The end of this took me out. #prodmgmt
Philipp Sporrer retweeted
Today, we’re thrilled to launch react.dev, the new home for React and its documentation. It teaches modern React with function components and Hooks, and we’ve included diagrams, illustrations, challenges, and over 600 interactive examples. Check it out!
Philipp Sporrer retweeted
Hopefully, this thread helped you understand Dockerfiles a bit better!
The content is adapted from a portion of my upcoming FREE course on Docker + containers.
Check out (and ⭐️) the repo and follow @sidpalas to be notified when the course is released!
github.com/sidpalas/devops-d…
Philipp Sporrer retweeted
It's a great time to write CSS.🤩
Trying `text-wrap: balance` on my blog. It's still experimental (Chrome Canary) and will be stable in Chrome 113.
This is such a useful enhancement 👌
I am attending the #Reactjs conference remotely. Join me by clicking this badge.
portal.gitnation.org/badges/…
#ReactSummit
Philipp Sporrer retweeted
Let's look at some of the other improvements that ts-reset ships.
I hate that .filter(Boolean) doesn't work how you expect.
But with ts-reset, it works EXACTLY how you expect - filtering out falsy values.
![// BEFORE
const filteredArray = [
"a",
"b",
undefined,
].filter(Boolean); // (string | undefined)[]](https://pbs.twimg.com/media/Fpaz2ppXwAErBpp.jpg?name=orig)
ALT // BEFORE const filteredArray = [ "a", "b", undefined, ].filter(Boolean); // (string | undefined)[]
![// AFTER
import "@total-typescript/ts-reset/filter-boolean";
const filteredArray = [
"a",
"b",
undefined,
].filter(Boolean); // string[]](https://pbs.twimg.com/media/Fpa0BO5XsAE88Ss.jpg?name=orig)
ALT // AFTER import "@total-typescript/ts-reset/filter-boolean"; const filteredArray = [ "a", "b", undefined, ].filter(Boolean); // string[]