Creating this course is the hardest thing I’ve ever had to do. It stretched me, pushed me, and pulled me beyond my comfort zone 💯
It took us 6 months but today, I’m so proud to finally share it with the world!!!
👉 Get it:
We’re excited to launch Panda Mastery 🐼, an in-depth course on building design systems and web applications with Panda CSS.
I enjoyed collaborating with Esther
@_estheradebayo
on this course. It has been in the making for over six months!
Get it now at
This time last year, I had no idea what VScode, git or even JS was. A year after, I'm working as a Software Engineer at Centricity💃💃💃
So much can happen in a year and I'm so thankful to God and everyone who has been a huge part of my journey🙏
Data fetching and pagination are common concepts you need to master when building web applications
#WebDev
In this video, I’ll build out a post list page and implement a basic client-side pagination
For most getting started learning
#React
, useEffect can sometimes be very confusing and hard to grasp.
In this video 👇👇I explain what useEffect does in simple terms, and common use cases
#WebDev
I'm super proud to launch my first course 🚀
~ Chakra UI for Beginners 🔥~
Learn the fundamentals of Chakra UI in 60 minutes!
📦 Common components
💅🏼 Style props
🎨 Default theme
📱 Handling responsiveness
Check it out 👉🏼
See what I found on Upwork:
Clients and companies are looking for not just
#Reactjs
developers but also
#Chakra
UI developers.
It's so exciting to see and would love to see more 😍😍😍
Chakra UI Updates🔥
We recently added 2 new features to Chakra UI:
• Gradient support: You can now add gradients to your apps in the quickest way.
• Right to Left (RTL) Support for languages like Arabic and Hebrew.
#chakraui
#opensource
#uilibrary
Today is my first day at
@BuildableHQ
! 🎉 🥳
I'll be working as a Developer Relations Engineer, and I'm beyond excited about this new journey.
Can't wait to do more with the entire team!
If you’re looking to land your first Developer Advocate
#DevRel
role…
Here are 3 things I did that could be helpful on your journey 👇
#60SecondsOfDevRel
I'm so excited to share this with you: After 36 rigorous and intensive weeks at Lambda School, I finally got fully endorsed as a Full Stack Web Developer!!!
#fullstack
#fullstackwebdeveloper
Chakra UI Swag is launching soon guys!!!🔥
If you love Chakra UI, then you'll want to get a couple of our swag items.
✅T-shirts
✅Sweatshirts
✅Hoodies
✅Face masks
✅Stickers
I'm super excited. Don't be left out guys! Join the
#ChakraSwag
⚡️
COMING SOON
Props are one of the commonly used terms in
#React
but WTH are props?
Find out in this video 👇
I explain what they are, why you need them and how to use them
Ready to dive into using
@chakra_ui
as your component library? Here’s a
#cheatsheet
to help you get familiar with some of Chakra's most common style props⬇️⬇️
1 month as a
#DevRel
engineer and here are 4 things I've learned:
🔹Effective Dev onboarding is critical to retaining users
🔹Building a community around a product takes time
🔹DevRel requires you to wear many hats
🔹Docs are not final. There's a need to keep updating them
Today, I created a job board project that integrated
@directus
,
@nextjs
and
@chakra_ui
Using Directus as a headless CMS was such a joy to use 👏✨.
Let me show you how I did it 👇
Some of the mistakes I made when learning how to code were:
- Watching too many tutorials without building projects along
- Comparing my journey with others
- Relying too heavily on frameworks/libraries
- Getting scared of asking ‘silly’ questions
💡Don’t let early struggles
#ChakraUI
now provides the `
@chakra
-ui/next-js` package that makes working in the
#nextjs
app directory a better experience.
Check out how to use Chakra UI + Nextjs 13 👇
We recently added
#changelog
to
@chakra_ui
⚡️
Now you can keep track of our releases, bug fixes, and new features 🚀
Visit to read more on the changelog
SQL or NoSQL? 🤔 In this video, I discuss the differences between SQL and NoSQL databases.
Directus uses SQL under the hood and provides flexible REST APIs, GraphQL endpoints and SDKs for data management.
#sql
#nosql
#databasemanagement
I just published a new article on how to build a simple form with validations using yup and formik.
I took time to document every step to ensure it is beginner friendly.
Check it out here👇 and kindly retweet
#FrontEnd
#formik
#yup
#formvalidation
For the past few weeks, I’ve been focused on releasing weekly videos and growing my YouTube channel.
And guess what! I’ve finally hit my first 1,000 subscribers🥳🎊
New <Let's Build /> YouTube video up 🔥 Watch me build a WhatsApp web clone in less than 15 minutes.
If you're looking to improve your frontend skills using Chakra UI, be sure to check it out ➡️
#coding
#tutorial
#learning
#tech
So yesterday I was thinking about my experience so far as a full stack web developer. This time last year I had no idea of what Javascript was or any programming language for that matter.
Hosting
@thesegunadebayo
to my first Twitter Space alongside
@NikolovLazar
tomorrow!
Topic: How to maintain successful open-source projects
#OSS
🗓Friday, Sept. 23rd, 2022
⏰6PM WAT | 1PM EDT
See you there
For ease of getting started with
@chakra_ui
, we've grouped our getting started guides depending on the React framework you're using.
What other framework guide will you like to see added to our docs?
You don't always have to create new content from scratch. Save some time & scale by repurposing all your existing
#devrel
content 👇🏽
Blog Posts –> Twitter Threads
Twitter Spaces –> Podcasts
Webinars –> Video Tutorials
Internal Data –> Case Studies
Forum Q&As –> Blog Tutorials
Working on a beginner Chakra UI course 🚀
If you're a beginner with Chakra UI, what are some concepts you struggle with and want to really understand? (nothing is too basic, tell me everything)
🚀 I recently updated the
#chakraui
changelog and learnt a couple of things.
So, I decided to publish this article on how to write a proper
#Changelog
for your project.
With the recent launch of
@panda__css
, a common question you might have is when to use Chakra UI vs Panda.
In this video, I’ll explain the difference and when to use which.
Check it out 👇
Understanding the useEffect Hook in
#reactjs
--
What is
#useEffect
?
useEffect is a react hook that allows you to handle side effects in functional components.
Now that may sound vague, but let’s break it down, shall we?…What really are side effects?🤷♀️
Spent most of today exploring
#PandaCSS
, a zero runtime
#CSSinJS
library, and its features + flexibility is IMMENSE🔥 Can't wait for it to be launched.
So proud of you
@thesegunadebayo
and the amazing work you do❣️
Live previews in
@directus
is a game changer 👌✨
You can preview changes to your website content directly within Directus without redeploying.
Here’s how it works👇
For anyone prepping for a
#DevRel
interview this week, here are 5 Qs I got during mine⬇️
How would you build a community?
What makes good documentation?
How do you re-purpose content?
How do you measure the success of DevRel efforts?
How do you decide on the content you create?
Being the only
#devrel
in a startup is a wild ride! I’ve been there and can tell you wear many hats, from developer advocate to community manager to content creator…the list is endless 😂
How do y’all prioritize goals, tasks and prevent burnout?
Today''s React video is focused on a concept I wish I understood much earlier. It's definitely worth taking the time to watch it! 4 minutes of goodness ✨
How to use a Linear Gradient In Chakra UI (v.1.1+) ⚡️
---
A linear gradient is a gradient that the color stops transition in a straight line.
✅ The Syntax:
bgGradient=linear(<direction>, <from>, <to>)
This was my first
@Upwork
job in 2016- during my
#nysc
days🙌
I started as a
#VA
and worked super hard! Today, I've completed 50+ jobs as a TOP-RATED TALENT.
If you're interested in
#freelancing
,
Start now,
Stay consistent &
Put in the hard work!
New website who this? 👀
Really loving the navigation, demo interactions and the the entire look of the new
@directus
website💜
Built with
@nuxt_js
Check it out:
💡Tip: If you're using only a few
#ChakraUI
components in your app, you may want to use the `ChakraBaseProvider`.
It's a minimal version of the ChakraProvider that provides the theme tokens for just the components you're using & not the entire default component theme. (v.2.4.2)
"I’ll show up and take care of you as I promised and bring you back home. I know what I’m doing. I have it all planned out—plans to take care of you, not abandon you, plans to give you the future you hope for." Jer. 29.11 (MSG)
Have an amazing week 💙
It was an honor to be one of the speakers at the
@BirminghamTech
Week
#TechMidsConference
Gave a talk about “Rethinking Content Modeling for Unforgettable User Experiences” and explained how to model content in Directus
Met many awesome folks at the conference
@lornajane
Had a great time at
#lambdaschool
sharing my knowledge on how Web Developers can successfully start a freelance career 🥳
If you're looking to get started
#freelancing
what questions do you have?
P.S: I'll be sharing highlights of this talk in a subsequent blog post 👌
New Video Out 🚀
Learn to use
@storybookjs
in 8 minutes. In this video I talk about:
🖥 How to set up Storybook in your React project
🎨 Walkthrough of the Storybook interface
✅ Writing stories using Named Exports
🎛 Using Storybook controls
So excited to be giving a talk at
#LambdaSchool
tomorrow! 🚀✨
I'll be speaking about how developers can begin a freelance career and answering questions about
#freelancing
Yaaay! I've now earned over $30K freelancing on
@Upwork
🚀😍
Best part about freelancing? Working with clients in different parts of the world from the comfort of my room!
4 years ago today, I hit "publish" and launched
@chakra_ui
🥳
Incredibly grateful to everyone who has been a part of this journey and the entire Chakra UI community.
📈 2.1M downloads/month
⭐️ 34.4k GitHub stars
👀 1.8M website views/month
Excited for the road ahead and the
💡The key to succeeding on
#Upwork
is CONSISTENCY.
✅ Be consistent in sending great proposals.
✅ Be consistent in communicating effectively with clients.
✅ Be consistent in the quality of work you deliver.
✅ Be consistent in developing your digital skills.
Nigerian Youths are not lazy. We are hardworking, diligent and innovative 💃🇳🇬
Congrats to
@thesegunadebayo
and the entire Chakra UI team. Another win to be really proud of in the tech space!
The winner of the most impactful contribution to the community is CHAKRA UI ⚡️.
Woohoo! I can't contain my excitement 🥳🥳🥳🎉🎉
Thank you
@ReactSummit
@GitNationOrg
for this award.
I'm looking for
#backend
developers who would love to share more about how to get started with backend development and best practices on a
#TwitterSpaces
Interested? Feel free to drop a DM :)
Semantic HTML enhances accessibility and is an important aspect of web development.
When using Chakra UI’s Text Component, the `as` prop allows you to tag every text the right way; using Semantic HTML.
Check it out👇
#ChakraUITips
We recently launched a brand new SDK
@directus
🎉
The new SDK focuses on these improvements:
✅ Providing a delightful TypeScript experience
✅ Modular composables, so you only bundle the features you use
Here's a quick tour 👇🏽