siddharth ☻ @siddharthkp Twitter profile

Last Seen Profiles

@r_tarric

@naviidavii1

@Niazipathan0

@MascoIndoorTr

@LC___Oo

@NobelPrize

@jamie_raskin

@hindookissinger

@AlSharif_313

@bokeplokalmalam

@KENKOYAMA14

@tastytrade

@mrtuckbox

@LasRozas_CF

@9z

@jiyali20

@963_photo

@StalkingVi96051

@bokeplokalmalam

@jalaunpolice

@HongKong

@AOfficials47093

@Dajw_99

@marvelstadiumau

@bokeplokalmalam

@malcrow7

@yaronbrook

@jdezutel

@riversnetwork

@werlyb

@battalalgoos

@bokeplokalmalam

@bundamayaa1

@bokeplokalmalam

@MrThankYou__

@A__deity

siddharth ☻

@siddharthkp

4 years

buying a domain is like getting a gym membership you hope the guilt of spending money will make you actually work on the project but it doesn't

115

868

6K

siddharth ☻

@siddharthkp

3 years

love seeing wholesome open source collaboration ✨

22

765

6K

siddharth ☻

@siddharthkp

4 years

🔥 Design tip for developers How do you pick different font sizes that look good together? It's not art, it's science! 🧮

63

868

5K

siddharth ☻

@siddharthkp

2 years

how to bypass chatgpt’s moderation:

92

193

3K

siddharth ☻

@siddharthkp

4 years

🔥Design tip for developers A good way to make your interface look “designed” is to use a consistent space scale It's not art, it's science* 🧮

39

376

2K

siddharth ☻

@siddharthkp

4 years

let's be honest here

32

605

2K

siddharth ☻

@siddharthkp

1 year

yoooo bro, where is there href? 🤣

86

61

2K

siddharth ☻

@siddharthkp

7 years

Problem: project maintainers only get "issues" on github, not enough love/motivation from the community Solution: ⬇️ What do you think?

71

473

2K

siddharth ☻

@siddharthkp

2 years

lol this is really cool! instead of a boring static widget, duo gets more dramatic as the day goes on 😅

24

95

2K

siddharth ☻

@siddharthkp

1 year

“i came to this country with nothing but 10$ in my pocket” bro, i had to submit 6 months bank statements to show i have sufficient funds for a 2 day visit on tourist visa

11

147

1K

siddharth ☻

@siddharthkp

6 years

Oh man, this is a super fun game: find your path from one wikipedia article to another

49

390

1K

siddharth ☻

@siddharthkp

6 years

you are not your code don't attach your worth/pride with the code you write code sucks, you don't

22

287

1K

siddharth ☻

@siddharthkp

4 years

wip → ready Super freaking excited to share the browser devtools built for @tailwindcss 01 attach on top of your existing workflow 02 understands your theme 03 instant visual feedback 04 saves changes back to your code ✌️

UI Devtools

The missing browser devtools for Tailwind CSS

www.ui-devtools.com

41

174

910

siddharth ☻

@siddharthkp

6 years

CSS tip! If you are adding border-radius on a container, don't forget to add overflow: hidden, otherwise content (especially images) can bleed out of the container

14

168

890

siddharth ☻

@siddharthkp

4 years

I'm working on something that would be a really interesting open source tool If you use React + Tailwind at work and are up for sponsoring the project (via github sponsors) for early access, DM me! here's a sneak:

25

103

825

siddharth ☻

@siddharthkp

3 years

something I learned from @JoshWComeau : be careful how you adopt upcoming css features! even if one selector in a rule isn't supported, the entire rule is ignored!

11

100

827

siddharth ☻

@siddharthkp

3 years

i picked up a @github trick: if you use lists, github will render the title of the issue/ pull request you referenced! works for external repos as well ✨

11

108

771

siddharth ☻

@siddharthkp

5 years

Just wrote a 300 line file with multiple components and it feels really good to not split them into different files

80

20

751

siddharth ☻

@siddharthkp

4 years

🔥 learned about a new css property today! you can 'pause' a css animation animation-play-state: paused | running here's a sandbox if you want to play around:

11

112

698

siddharth ☻

@siddharthkp

2 years

my favorite debugging method is to aggressively delete code till the bug goes away and then sloooowly add things back to find the culprit 60% of the time, it works every time

54

25

664

siddharth ☻

@siddharthkp

4 years

🔥 Design tip for developers - transition duration should be based on how big the change is. smaller changes should be faster (size + distance) - exit animations should be faster than entry (quickly get out the way when done)

9

82

650

siddharth ☻

@siddharthkp

4 years

"sure, it will take 2 mins"

12

131

626

siddharth ☻

@siddharthkp

3 years

📢 New project alert! I'm working on a course about making React applications interactive 🌟 with animations, drag and drop, keyboard navigation and more I hope you all are as excited about it as me! 💌➡️ Learn more + signup: sound on 🔊

31

59

600

siddharth ☻

@siddharthkp

1 year

this is the 2nd longest i’ve been at the same company✌️

15

3

577

siddharth ☻

@siddharthkp

4 years

I don't know what to say, I like switches fork this and put something else:

31

38

506

siddharth ☻

@siddharthkp

3 years

yeah, my codebase has NFTs - no functioning tests

7

59

501

siddharth ☻

@siddharthkp

4 years

daily standup is the original "stories"

10

50

474

siddharth ☻

@siddharthkp

7 years

Lessons learned from upgrading to React 16: None. Ran the codemod, everything works, went back to sleep 😀 Amazing job @reactjs team!

6

72

480

siddharth ☻

@siddharthkp

3 years

🔥 design tip for developers how do you signal to the reader there's more stuff they can horizontal scroll to? create a "scroll hint" by tucking in contents + add a blurred edge (or shadow) to really sell it

13

39

456

siddharth ☻

@siddharthkp

6 years

🔥 tip: you can set shortcuts right into the URL bar in chrome Here's a demo "notes" opens a specific folder in @notionHQ for me Instructions in thread ⬇️

17

121

445

siddharth ☻

@siddharthkp

6 years

📺Here's the new @reactjs lazy API in 60 seconds This is how you can implement Code-Splitting with Suspense Turn on audio and open in full screen! HD version if twitter messes up the resolution:

New React.lazy API in 60 seconds (Code-Splitting with Suspense)

Docs: https://reactjs.org/docs/code-splitting.html#reactlazy

www.youtube.com

9

117

427

siddharth ☻

@siddharthkp

7 years

TIL: setInterval takes a third argument which is passed to the function! so much cleaner:

14

107

404

siddharth ☻

@siddharthkp

4 years

🔥 Design tip for developers To create a set of colors for yourself, start with a generative tool like scale by @hihayk and decide colors for just 2 components - Button and Alert example:

14

75

374

siddharth ☻

@siddharthkp

3 years

pulled a useful snippet out from @uidevtools to open source it → Click a component while holding Alt/option to open it's source code in @code

24

61

378

siddharth ☻

@siddharthkp

4 years

🔥 Design for performance If you have to use a custom webfont, try to use space and color to create hierarchy instead of font weight. Fewer font weights mean fewer/smaller font files to fetch.

9

44

368

siddharth ☻

@siddharthkp

6 years

🔥did you know git can autocorrect commands for you!! I have spent way too many years making typos 🤦‍♀️ You can even set a delay of your liking!

12

146

364

siddharth ☻

@siddharthkp

3 years

🔥 the API for layout animations with @framer motion is so good! literally, 2 line change to add this sorting animation -

8

28

359

siddharth ☻

@siddharthkp

11 months

my advice for building complex components is to build it twice first time is just to find all the composition quirks, awkward API, accessibility story, keyboard navigation, unnecessary rerenders etc. second time to actually build it well

19

17

349

siddharth ☻

@siddharthkp

3 years

just set up the first email for my course on Interactive React applications :) It's a Framer Motion mini-course for free, as an introduction to both framer motion and your instructor :) .

24

54

354

siddharth ☻

@siddharthkp

6 years

Super excited to announce the first React conference of 2019: tinyconf!🐣 - small group + meaningful conversations 💁 - 8 short talks + just 25 attendees 🙋‍♀️🙋‍♂️ - plenty of time for discussions and follow-up conversations 🙌 Jan 5 in Bangalore 🇮🇳 1/4

tinyconf

A tiny React conference with a small group and meaningful conversations

tinyconf.in

16

57

344

siddharth ☻

@siddharthkp

3 years

accidentally created a really satisfying micro-interaction 😇

9

8

345

siddharth ☻

@siddharthkp

4 years

finally putting my physics degree to some use with @framer motion just enough "springiness" before and after:

6

13

339

siddharth ☻

@siddharthkp

4 years

It's done! we've made the @codesandbox editor cleaner, sharper, get out of the way so you can work on the code-er It's a release of about 12948942 tiny things to improve the editor experience 😬 hat tip to @NikkitaFTW , @druchtie and me! read more:

11

25

331

siddharth ☻

@siddharthkp

4 years

Something I learned from @a_sandrina_p 's workshop last week Never skip alt text for images. If the image is purely decorative, pass an empty string instead of skipping the tag altogether

11

43

321

siddharth ☻

@siddharthkp

6 years

I'm working on an online React course, a course y'all! Learn React while building a game, coz learning theory is booooooring watch a preview and signup here 👉 … #learn #react #game #not -boring

7

61

313

siddharth ☻

@siddharthkp

6 years

Just built a toggle component with #ReactHooks , handling state has never been easier!! Check out the code here: #reactconf2018

7

64

312

siddharth ☻

@siddharthkp

6 years

My top three debugging tips: - Leave your computer and go for a walk - Ponder about why you are debugging - Think about all the mistakes you've made in your life to end up here

3

54

299

siddharth ☻

@siddharthkp

6 years

Well, @reactjs hooks didn't launch yet.. but I can't wait to show what I'm working on 😄 🔥 Learn React Hooks while building a game! 🔥 watch preview below and drop your email for a free lesson + discount when it launches 🌐 🌐

16

52

296

siddharth ☻

@siddharthkp

6 years

Me, when giving advice to others: Don't fall for perfectionism, ship something simple first, get feedback and iterate on it. Me, for my own projects: This needs to be perfect before a single human sees it otherwise it's not worth doing

9

20

286

siddharth ☻

@siddharthkp

1 year

strange that this idea didn't occur to me sooner 🤷‍♀️ seems so obvious now

13

5

280

siddharth ☻

@siddharthkp

2 years

in 2019, i visited amsterdam with my partner to give a talk after the conference, we spent a few days in the city and decided to move here 😇 i was back on the same stage 3 years later as a local! life’s wild y’all!

5

4

270

siddharth ☻

@siddharthkp

3 years

@SteveStuWill @ateevchopra

Out Of Context Football

@nocontextfooty

3 years

34

1K

9K

4

23

256

siddharth ☻

@siddharthkp

6 years

For folks not at @ReactAmsterdam , I got you fomo fam I collected all the timestamps for talks so that you don't have to search for them in the livestream ⏪⏩ Link: … 👆

10

55

258

siddharth ☻

@siddharthkp

6 years

To devs who are feeling they don't know enough relax, you can't master a technology over the weekend it takes time and practice take a small chunk. see how it works, try to use it, then some more you don't have to rush it, quality trumps quantity every time

2

73

249

siddharth ☻

@siddharthkp

4 years

🔥 React tip You can use good old function with a name with useEffect to label what the effect does especially useful when an effect is not immediately obvious, pair it with a comment explaining why and you're golden

7

21

249

siddharth ☻

@siddharthkp

7 months

i heard skeleton screens are good for perceived performance, am i doing this right?

13

10

251

siddharth ☻

@siddharthkp

11 months

POV im ur husband

Audrey Longhorne

@credenzaclear2

11 months

POV im ur wife

9

5

288

27

0

229

siddharth ☻

@siddharthkp

3 years

this is what a conference stage looks like in 2021 😅

13

0

230

siddharth ☻

@siddharthkp

4 years

wip working on the landing page for ui-devtools using ui-devtools (duh)

10

9

229

siddharth ☻

@siddharthkp

4 years

milestone!

26

0

229

siddharth ☻

@siddharthkp

3 years

unpopular opinion?! you can be a developer with principles and opinions without being a jerk about it

12

3

228

siddharth ☻

@siddharthkp

3 years

why not, been rejected from: - flipkart - facebook - formidable

Laurie

@laurieontech

3 years

Seems like as good a time as any. I’ve been rejected from: - twilio - twitter - stripe - Apollo - microsoft - Netflix (didn’t see that one coming, did you)

84

156

2K

7

6

225

siddharth ☻

@siddharthkp

4 years

🔥 hot tip if you have clumsy fingers like mine copy this into your terminal and git will fix your typos 🖤 git config --global help.autocorrect 10

5

55

228

siddharth ☻

@siddharthkp

11 months

here are some unedited thoughts on how/why i dont work too many hours anymore recorded impromptu @mpjme style while walking to the coffee house, sorry for the audio and awkwardness!

10

15

221

siddharth ☻

@siddharthkp

3 years

here’s something i’ve had to unlearn - when i was junior dev, there was a popular developer/educator who said the role of a senior dev is to prevent complexity in the codebase by simplifying use cases so i took that to heart when i first transitioned into a senior role...

5

25

222

siddharth ☻

@siddharthkp

2 years

that’s a surprise! 😇

Smashing Magazine 🇺🇦 🏳️‍🌈

@smashingmag

2 years

Our Person of the Week is a front-end developer working on Design Systems at GitHub and building tools to ease the lives of fellow developers. Drumrolls, please, for... Siddharth Kshetrapal! Thank you for everything you do for the community, @siddharthkp ! #smashingcommunity

1

9

89

28

3

218

siddharth ☻

@siddharthkp

6 years

@Kelset @dan_abramov But accidentally they added Chemical JSX

1

7

218

siddharth ☻

@siddharthkp

1 year

@shaaaviii because i was trying to click it and nothing happened 😅 so i was like wait is that just plain text!!

0

217

siddharth ☻

@siddharthkp

7 years

Here's a tiny bite: The React key prop looks simple, but is really sly.

9

49

205

siddharth ☻

@siddharthkp

5 years

About to publish an open source library and i'm legit scared of getting a lot of bugs/issues/pull requests imposter syndrome or past trauma?

40

3

201

siddharth ☻

@siddharthkp

7 years

Here are my slides on React Fiber and Portals! @ReactFoo

A portal to the future

Fiber release brought with it some pretty cool features but the best is yet to come! First, let’s talk about array children, error boundaries and ren…

speakerdeck.com

9

55

199

siddharth ☻

@siddharthkp

7 years

Helping css-in-js libs stay small one pull request at a time. Repo: Do you maintain a css-in-js library? Ping me!

14

53

193

siddharth ☻

@siddharthkp

1 year

2

6

195

siddharth ☻

@siddharthkp

1 year

UwU stack: Use whatever U want

10

23

192

siddharth ☻

@siddharthkp

8 years

I just created a tiny cli tool to find out which of your dependencies is causing bloat 😥

3

73

192

siddharth ☻

@siddharthkp

2 years

took some creative liberties with this one, sorry @wesbos !

5

8

187

siddharth ☻

@siddharthkp

6 years

In an era where your most valuable currency is time, you have to protect it against everyone who wants it

10

23

184

siddharth ☻

@siddharthkp

3 years

help

5

9

186

siddharth ☻

@siddharthkp

7 years

Inspired by @WixEng , import-cost plugin for atom. give it a spin! (Warning: still in beta, very fragile)

7

63

179

siddharth ☻

@siddharthkp

9 months

localisation isn't just about local products and language...

6

4

177

siddharth ☻

@siddharthkp

4 years

✅ Published it: all of the old and new ideas in @reactui and where I see frontend applications moving towards

siddharth ☻

@siddharthkp

4 years

Going to finish the "Old and new ideas in React UI" post today hold me accountable!! (talking about: )

11

13

116

6

31

170

siddharth ☻

@siddharthkp

3 years

as a junior, this is what i hope i had heard instead: the role of a senior dev isn’t to avoid complexity, it’s to absorb complexity with abstractions that keep the codebase readable and maintainable.

5

13

169

siddharth ☻

@siddharthkp

6 years

startup idea: recruitment agency that - is run by devs - doesn't suck - doesn't try to force interviews on you - gives a shit?

29

12

164

siddharth ☻

@siddharthkp

2 years

new open source toy Author styles collocated in JS, pull them out into static CSS on build. No runtime dependency.

13

8

164

siddharth ☻

@siddharthkp

4 years

“A modular scale, like a musical scale, is a prearranged set of harmonious proportions.” ⁠ — Robert Bringhurst, The Elements of Typographic Style Further reading:

More Meaningful Typography

Designing with modular scales is one way to make more conscious, meaningful choices about measurement on the web. Modular scales work with—not against—responsive design and grids, provi…

alistapart.com

3

20

167

siddharth ☻

@siddharthkp

9 months

@thekitze thats hardcore, straight up munching on coffee grounds from a mug

2

167

siddharth ☻

@siddharthkp

2 years

it’s raining outside my home office 😇

10

0

165

siddharth ☻

@siddharthkp

2 years

just realised the last time i was promoted was in 2015 😳 i’ve been moving (and growing?) into roles and companies laterally ever since idk if there’s a lesson here but 7 years without a promotion, you’d think my career is dead 🙃

16

1

163

siddharth ☻

@siddharthkp

6 years

making a 404 page for my personal website 😛

6

9

160

siddharth ☻

@siddharthkp

6 years

Had a lot of fun building this fancy card component, so I opened sourced it: it gives you dem good vibes

11

15

160

siddharth ☻

@siddharthkp

1 year

drop a cool photo of you doing your job

Aleksandra

@aleksandrasays

1 year

drop a cool photo of you doing your job

17

308

5K

10

0

157

siddharth ☻

@siddharthkp

6 years

Big news! I'm speaking at @ReactAmsterdam in April ✨ if you're in 🇳🇱, let's hang out!

15

9

160

siddharth ☻

@siddharthkp

4 years

wip responsive mode

13

6

145

siddharth ☻

@siddharthkp

8 years

notella: no fluff notes app - works offline, sync between devices PWA build with @firebase , hosted on @zeithq now

3

26

141

siddharth ☻

@siddharthkp

4 months

@adriaandotcom cute/charming at first but i think hotel/fight booking websites have ruined this for me, now i just find it annoying

1

0

141

siddharth ☻

@siddharthkp

3 years

📢 new conf alert rounded conf - a mini conference for well rounded frontend developers ( @rounded_dev ) 5 talks July 17, Online sign up here -

6

30

138

siddharth ☻

@siddharthkp

6 years

Whoa! It's an honour just to be nominated for @ReactAmsterdam 's open source awards bundlesize is one of the impactful contributions to the community, their words, not mine 😋