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

Mr Potato Bruce

bruce lawson
May 18, 2018
Technology
0
93

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

bruce lawson

May 18, 2018
Tweet

More Decks by bruce lawson

See All by bruce lawson
Fusion 2024
brucel
0
160
IJS_Munich.pdf
brucel
0
150
axe-con.pdf
brucel
0
190
State of the Browser 2022
brucel
0
510
FullStack eXchange, July 2022
brucel
0
330
Why Web Standards are the new punk rock
brucel
0
110
frontzurich 26 August 2021
brucel
0
87
Whose Web Is It Anyway?
brucel
0
150
Goto Chicago
brucel
0
110

Other Decks in Technology

See All in Technology
Tableau事例紹介 / Tableau Case Study of Eureka
kazuya_araki_tokyo
1
170
Amplify Gen2を 拡張してみよう JAWS-UG北陸新幹線 ( 福井開催 ) 2024-04-06/Let's extend Amplify Gen2
fossamagna
0
280
NLP2024 参加報告LT ~RAGの生成評価と懇親戦略~ / nlp2024_attendee_presentation_LT_masuda
taro_masuda
1
190
2024/4/26 コンピュータ歴史博物館解説告知
toshi_atsumi
0
180
Signals Unleashed: The Full Guide
rainerhahnekamp
0
350
コンパウンドスタートアップのためのスケーラブルでセキュアなInfrastructure as Codeパイプラインを考える / Scalable and Secure Infrastructure as Code Pipeline for a Compound Startup
yuyatakeyama
3
1.7k
強みを伸ばすキャリアデザイン
yug1224
0
200
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
110
【SORACOM UG】(2024年度版) SIMってなんだ？ ～セルラー通信がつながる仕組み、解説します～
soracom
PRO
0
150
TiUG #1 HBaseからTiDBへの移行を選んだ理由
watanori
0
140
ビジネスとエンジニアリングの接合点 そしてコード品質がそこに及ぼす影響 v1.1 / The Intersections of Business and Engineering, and The Impact of Code Quality There (v1.1)
mtx2s
11
2.4k
Databricks:『生成AI World Cup』のご案内
databricksjapan
1
110

Featured

See All Featured
For a Future-Friendly Web
brad_frost
171
8.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
The Cult of Friendly URLs
andyhume
73
5.6k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Designing the Hi-DPI Web
ddemaree
275
33k
The Language of Interfaces
destraynor
151
23k
Fireside Chat
paigeccino
19
2.6k
The Power of CSS Pseudo Elements
geoffreycrofte
58
5k
Web Components: a chance to create the future
zenorocha
304
41k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
What's in a price? How to price your products and services
michaelherold
237
11k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k

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/