Bolaji AyodejiforOpen Source Community Africablog.oscafrica.org·Jul 2, 2024Community Webinar: Q/A With Segun AdebayoWatch the live recording: https://www.youtube.com/live/7aKkFG08Dao Join us for another community webinar with one of our own Segun Adebayo, where we get to talk all about open source and more open source!! Segun is the creator of Chakra UI, an awa...10 likes·26 readsCommunity WebinarsSoftware Engineering
Vishnu Tejacicada3301.hashnode.dev·Jun 17, 2024Handling Forms in React with Formik, Yup, Chakra UIWhat is this blog about? This blog is about handling forms in react, how to abstract the form functionalities into little pieces and make it, umm lets say modular? What will we be doing here? We are gonna look at basic form fields like the input fiel...React
Esther Adebayoestheragbaje.hashnode.dev·Jun 15, 2024Building a Job Board with Next.js, Chakra UI, and DirectusJob boards are an ideal way to connect job seekers to career opportunities. However, creating one involves far more than putting up postings. As developers, we need to incorporate essential features like job listing management, search functionality, ...React
YashMandiyashmandi.hashnode.dev·Apr 21, 2024Mastering Chakra UIIntroduction Chakra UI emerged as a game-changer in the realm of React development, offering a rich library of customizable components to streamline UI creation. Founded by Segun Adebayo, Chakra UI made its debut as an open-source project aimed at si...React
Opemipo Disucoderoflagos.hashnode.dev·Mar 19, 2024MightyMeld + Next.js: The Perfect Duo for Component CreationThere are so many accessibility tools coming into the frontend space; it's a thing that's been evolving rapidly in recent years. Tools that utilise the JAMstack (mostly) have been the most visible form of accessibility in frontend development. In thi...11 likes·162 readsFrontend Development
Emiliogetemilio.hashnode.dev·Feb 24, 2024How to load and render Markdown files into your Vite React app using TypescriptBackstory (skipable) Ok so I was REALLY struggling with this one. I’m building an app, and for ease of use and maintenance, for the terms and conditions, privacy policy and other stuff I wanted to write them in markdown instead of plain TSX. I could ...React
Catherine Anokwurucatihuoma.hashnode.dev·Jan 24, 2024Exploring Styling with Chakra UIChakra UI is a React component-based library that provides a set of accessible, reusable, and customizable components for building user interfaces. It was developed by Segun Adebayo. Chakra UI leverages Styled System to handle styling with Emotion se...2 likes·51 readsstyled-components
Ayush Kumarkrayush1109-ui.hashnode.dev·Nov 7, 2023Chakra UIChakra UI Documentation 1. Installation npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion 1.2 📄 package.json - dependencies { "name": "chakra-ui", "version": "0.1.0", "private": true, "dependencies": { "@chakra-ui/icon...CSS-FrameworkChakra-ui
Deepak Kumariamchitti.hashnode.dev·Aug 13, 2023Chakra UI ExperienceI've been utilizing Chakra UI on several projects both personal and org level large projects. So, whatever I'll be sharing is based on my experience :). Feel free to comment and let me know what are your experiences with Chakra UI. Introduction Chakr...30 readsReact
Raif Shareefraif.hashnode.dev·Jul 19, 2023Building a landing page hero with Vue-Chakra-UI design systemI just finished a short course on "how to use a design system in code" by Design System University [2]. This post is for documenting what I've learned and putting it into practice. We'll go over putting together a super simple landing page header sec...111 readsDesign Systems
