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...Discuss路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...DiscussReact
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, ...DiscussReact
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...DiscussReact
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...Discuss路11 likes路140 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鈥檓 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 ...DiscussReact
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...Discuss路2 likes路51 readsstyled-components
Ayush KumarforFrontend UI/UX - Noteskrayush1109-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...DiscussCSS-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...Discuss路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...Discuss路111 readsDesign Systems
