Profile picture
Segun Adebayo ⚡️
@thesegunadebayo
, 4 tweets, 1 min read Read on Twitter
My journey from UX Design => Frontend Development
I recently challenged myself to create an open source React component library as a way to help me master some React and Javascript concepts. Turns out it's such an ambitious goal 🤣. #IrespectDevelopersMehn
Step 1: Had to learn the foundations of React, hooks, controlled and uncontrolled components.

Step 2: Had to figure out how to set up a project for open source development and contribution.
Step 3: Created a couple of components, I got excited and then I learn I have to "build" or "transpile" it. I'm like "what!". 3-4 hours later, after struggling and reading through different posts, I finally published my first version to NPM.
Step 4: Added a few more components, the build fails and throws some weird errors, googled for 4-5 hours, and finally I gave up for the day 😆. Frontend Devs, I respect you guys mehn. For me, I live to resume another day. @Beee_sama, thanks for coming to the rescue 😅
Missing some Tweet in this thread?
You can try to force a refresh.

Like this thread? Get email updates or save it to PDF!

Subscribe to Segun Adebayo ⚡️
Profile picture

Get real-time email alerts when new unrolls are available from this author!

This content may be removed anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

Related hashtags

#IrespectDevelopersMehn

More from @thesegunadebayo see all

Profile picture
Segun Adebayo ⚡️
@thesegunadebayo
🚀 Introducing Chakra UI ⚡️

I’m very excited to share my latest project, Chakra UI. A React-based Component Library.

I’ve created over 40+ composable and accessible components to help you create React apps and website with speed.

Check it out here: chakra-ui.com
This component library is heavily inspired by TailwindCSS, Styled System, Reach UI and Atomic Design Principles by Brad Frost.

Key Goals in Chakra UI:
✅ Theming Support
✅ Composable (Atomic Design)
✅ Accessible
✅ Dark Mode
Fun Fact: The name Chakra was inspired by Naruto 😆. I loved how fast he goes when he absorbs chakra from nature and enters “Sage” mode.

That’s also how I came up with my nickname “Sage”
Read 4 tweets
Profile picture
Segun Adebayo ⚡️
@thesegunadebayo
Most of the time, I think UI design is a solved problem.

There are existing design solutions to most design problems and tell be good to a single place where one can find actually design files and code for common components like buttons, forms, tabs, etc.
More like an open source library of sketch and Figma files for common UI components, and a code repository that matches the open source designs, written in React, Vue and HTML/CSS with accessibility built in.
Maybe UI designers don’t need to start from scratch anytime they need to design. Maybe Frontend developers don’t need to start from scratch and convert designs over and over with lots of frustration in between.
Read 4 tweets

Related threads

Profile picture
Scott Berkun
@berkun
1. I stopped by the Good Design exhibit at @MuseumModernArt and was reminded how strange it is to put everyday objects up on a wall.

When you take something like a fork, which is meant to be held, and put in up like art, the way it looks is the primary way you evaluate it.
2. It's a good exhibit, but passively the effect of evaluating lounge chairs, typewriters and fishing rods without ever feeling them in your hand or experiencing them for their designed purpose, shallows what design is, and how visitors think about design.
3. In other words, there's nothing ugly here since aesthetics is the primary way visitors can evaluate what they see. But some great designs aren't necessarily all that stunning to look at. They will never be shown here.
Read 9 tweets
Profile picture
John Cutler
@johncutlefish
“As a product manager...how do you earn the respect and trust of your team?”

A couple things
1/10 - Don’t hide things from your team in an effort to protect/shield them. That’s weird. It’ll come back to bite you.
#prodmgmt #ux #design
2/10 - Do actual work. Meaningful work. Context-building work. Analysis. Research. Design smart experiments. A good test is whether the team would pay you if they controlled the budget.
3/10 - Act like a member of the team, not as a manager of the team. The second you create a wall...the team will create a wall as well. Consider inviting a facilitator in so you can express your own needs (instead of juggling facilitation and team membership)
Read 10 tweets
Profile picture
John Cutler
@johncutlefish
Fascinating q on an @Amplitude_HQ office-hours call today:

"At what stage is it important to worry about measurement?"

Specifically, they were asking about making information accessible & usable to/for front-line product development teams. So...(1/5) #prodmgmt #ux #design
My answer was that anytime you're making decisions under conditions of uncertainty ... it will probably help to have trustworthy/usable data. Imagine a team making 10-15 major decisions each year, each driving 10-15 medium decisions, each driving 10-15 small decisions..(2/5)
That is 3375 decisions driving 16,640hrs of team hours. I saw @gibsonbiddle give a talk recently about a string of decisions at @netflix ... and the punchline is that it took a couple tries. No one is perfect. So...(3/5)
Read 5 tweets
Profile picture
Jose Coronado
@jcoronado1
As designers we need to help develop the voices of underrepresented groups, women, & POC. The quality and the richness of ideas will be broader. Events will reflect the reality of our diverse society. #DiversityandInclusion #speaking #ux #design uxdesign.cc/global-diversi…
Looking to hire or bring great speakers to your event?
Here are some great resources:
womenwho.design
@womenwhodesign
Women Talk Design womentalkdesign.com
@womentalkdesign
Read 15 tweets
Profile picture
John Cutler
@johncutlefish
My product-nerd-friend @atheus...hey you should post a thread of some drawings. Here goes:

1. The classic “here’s why you do incremental delivery” drawing ... aka “how not to dig a deep hole”. Yet legacy budgeting practices encourage one/not other

#prodmgmt #ux #design @atheus
2. Here’s is the “perpetual cone of uncertainty” ... namely, unless you are a project shop, you’re likely to ALWAYS have uncertainty, even if you are also reducing it constantly

#prodmgmt #ux #design @atheus @ProductPlan
3. I’m seeing this crazy symmetry in terms of systems / technology & org design. They are all feeding into each other. Exhibit 1: the shift from batch processing to stream processing (cc @gwenshap ) and networked orgs @NielsPflaeging

#prodmgmt #ux #design @atheus @productplan
Read 12 tweets
Profile picture
John Cutler
@johncutlefish
Words matter... (1/5)

Notice how words like discovery, design, delivery, build, and run often get coopted to silo / segment / divide teams/ppl

To draw imaginary lines around skills. To protect kingdoms even. To make pretty left to right diagrams.

#ux #design #agile #devops
It is very different for a team to ask a couple of its members to get upstream a bit & do some research/discovery...because it adds value

...than it is to structure your Jira workflow, PMO “process”, or SDLC around handoffs and silos. (2/5)

#ux #design #agile #devops
#design / #prodmgmt are vulnerable to believing their own hype. That by owning “the problem”, they’re staying relevant, and by feeding the delivery machine they’re doing everyone a favor. But this becomes a self-fulfilling prophecy. (3/5)

#ux #design #agile #devops
Read 5 tweets

Trending hashtags

#agile #Software #VUI #Kyber #Language #ux #bullying #Selenium #Havven #memory #HighLevelLanguage #protocols #Lean #design #Diar #CAP #IA #developer #0x #tech #shellScripting #systems #museums #AI #Ixd18
Follow Us on Twitter!

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!