Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mr Potato Bruce

Avatar for bruce lawson bruce lawson
May 18, 2018
Technology
0
100

Mr Potato Bruce

React Europe lightning talk, May 2018. Demo: potatobruce.io, library and documentation: stylable.io. Live presentation (with videos!) https://docs.google.com/presentation/d/e/2PACX-1vSEOXCNRogh8b7J62S7MsSahF1C9zV3-lCS_qb_8BLQ5TkGPcXx5YXlw5Qo2xaxspIfmPbJPsbLRtZN/pub?start=false&loop=false&delayms=3000#slide=id.g3990f60e71_2_11
Avatar for bruce lawson

bruce lawson

May 18, 2018
Tweet

More Decks by bruce lawson

See All by bruce lawson
Frontmania Utrecht: Whose Web is it, Anyway?
Avatar for bruce lawson brucel
0
510
Fusion 2024
Avatar for bruce lawson brucel
0
280
IJS_Munich.pdf
Avatar for bruce lawson brucel
0
210
axe-con.pdf
Avatar for bruce lawson brucel
0
260
State of the Browser 2022
Avatar for bruce lawson brucel
0
640
FullStack eXchange, July 2022
Avatar for bruce lawson brucel
0
390
Why Web Standards are the new punk rock
Avatar for bruce lawson brucel
0
130
frontzurich 26 August 2021
Avatar for bruce lawson brucel
0
130
Whose Web Is It Anyway?
Avatar for bruce lawson brucel
0
220

Other Decks in Technology

See All in Technology
Sleep-time Compute: LLM推論コスト削減のための事前推論
Avatar for sergicalsix sergicalsix
1
150
RubyKaigi NOC 近況 2025
Avatar for Sorah Fukumori sorah
3
1.2k
Google Cloud Next 2025 Recap 生成AIモデルとマーケティングでのコンテンツ生成 / Generative AI models and content creation in marketing
Avatar for Kyohei Saito kyou3
0
380
20 Years of Domain-Driven Design: What I’ve Learned About DDD
Avatar for Eberhard Wolff ewolff
1
400
スイッチのBMC、つかってますか？
Avatar for SONiC Users Group Japan sonic
0
410
Cursorを全エンジニアに配布 その先に見据えるAI駆動開発の未来 / 2025-05-13-forkwell-ai-study-1-cursor-at-loglass
Avatar for Hiroshi Ito itohiro73
2
760
Tailwind CSS の小話「コンテナークエリーって便利」
Avatar for Yuki Yamada yamaday
0
150
UIパフォーマンス最適化: AIを活用して100倍の速度向上を実現した事例
Avatar for kinocoboy kinocoboy2
1
630
250510 StepFunctionのテスト自動化始めました vol.1
Avatar for Takumi Abe east_takumi
1
260
さくらのクラウド開発の裏側
Avatar for metakoma metakoma
PRO
18
5.8k
Coding Agentに値札を付けろ
Avatar for watany watany
3
580
Software Delivery Observability CI・CD , DORA metrics も Datadog で可視化しよう / datadog-ci-cd-observability
Avatar for Annosuke Yokoo parupappa2929
0
160

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.7k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
187
11k
Side Projects
Avatar for Sacha Greif sachag
453
42k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
349
20k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.3k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k

Transcript

  1. Mr. Potato Bruce

  2. Introducing Mr. Potato

  3. React & TypeScript

  4. Eye Mouth Top A bucket of parts...

  5. None

  6. Personalizing a Potato-Bruce

  7. Custom Pseudo-Elements

  8. Custom States

  9. Mix it all together

  10. Stylin’ in Paris! A type system for CSS

  11. None

  12. Not just small potatoes

  13. Try it out potatobruce.io

  14. stylableio stylable.io T ! • https://pixabay.com/en/potatoes-vegetables-erdfrucht-bio-1585060/ • https://www.pexels.com/photo/photo-of-eiffel-tower-paris-811715/ • https://thenounproject.com/icon/38411/

    Images • https://pixabay.com/en/eiffel-tower-long-exposure-lights-1156146/
OSZAR »