Using Material UI in React Native (blog.logrocket.com)
Apr 26, 2021
The heavy hitter of Material Design component libraries on React Native is react-native-paper, and this guide will focus on using react-native-paper to set up a starter app with the some of the most prominent and recognizable Material Design features: Hamburger Menu, Drawer Navigation, FAB (Floating Action Button), and Contextual Action Bar.
Using Grommet In React Applications (smashingmagazine.com)
Jan 18, 2021
In this tutorial, we’re going to learn how to use Grommet as a UI library for React applications. We’ll use Grommet as a UI library of choice to create a pricing component, this would help us have a better understanding of how to use Grommet.
Accessible components with Reakit (blog.logrocket.com)
Oct 05, 2020
The most common thing in a React application is the reusability of components. We have been using and reusing the same components in different parts of an application and this is one of the most fantastic features that we have in React applications.
An Introduction To React With Ionic (smashingmagazine.com)
May 04, 2020
Styled System Revisited (varun.ca)
Apr 19, 2020
Much has changed in the world of Styled System since my last post. There are fewer packages to deal with; it is much more performant and has a more straightforward and powerful API.
Exploring the Chakra UI React Component Library (alligator.io)
Dec 23, 2019
Despite my love for Tailwind CSS over other frameworks, I have always been disappointed by the lack of components like what we get with more fully fledged-out frameworks like Bootstrap and Materialize. I recently discovered the perfect solution to this problem: Chakra UI.
Announcing Ionic React (ionicframework.com)
Oct 14, 2019
Today we’re thrilled to announce the general availability of Ionic React, a native React version of Ionic Framework that makes it easy to build apps for iOS, Android, Desktop, and the web as a Progressive Web App.
Component Development with Storybook and KendoReact (telerik.com)
Jul 23, 2019
Storybook provides a great environment for experimenting with UI components in isolation and through a variety of different configurations. In this article, I'll show you how to get started with Storybook, highlight a few add-ons, and showcase a Storybook built for KendoReact.
How we built a component library that people actually enjoy using (medium.com)
Jun 26, 2019
Sprout Social’s design system, Seeds, has done a lot of growing up since it launched in October of last year. When we launched, our system was home to four categories of guidelines and principles: Brand, Visual, Writing, and Product. A healthy showing, for sure, but something was suspiciously missing — components.
The definitive guide to React Material (blog.logrocket.com)
Jun 06, 2018
Material Design is a design language that was first introduced by Google in 2014. It’s a visual language that makes use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.
Component Based Design System With Styled-System (varun.ca)
May 11, 2018
Component-based design system is the practice of splitting the UI into small, isolated and more manageable parts; backed by a set of design constraints. It builds upon ideas such as Atomic Design, Style Guides and Component-Based Architecture.
React Native UI Toolkit Roundup (alligator.io)
Aug 07, 2017
Until someone makes react-native-bootstrap (which does not exist yet, by the way), here are a number of other React Native UI Toolkits that you can use to bootstrap (get it?) your next React Native project