Getting started with React and Kitchn, the React UI Kit based on styled-components

Welcome to our step-by-step guide on installing Kitchn in your React projects, whether you're using Create React App or Vite React!

Kitchn is a fantastic styled-components suite designed to help you create beautiful, consistent UIs effortlessly. In this video, we'll walk you through the entire process of setting up Kitchn in your project. Whether you're a newbie or an experienced developer, this guide has something for everyone.

Table of contents:
00:00 - Introduction
00:40 - Prerequisites
01:37 - Automatic Installation with Vite React Template
03:35 - What's Included in the Template
03:46 - Manual Installation in Create React App or Vite React
04:20 - Deploy Your Application
04:38 - Conclusion

Commands:
npx degit tonightpass/kitchn/examples/react-typescript my-react-kitchn-app

cd my-react-kitchn-app
npm install
npm run dev

git init
git add .
git commit -m "initial commit"

#react #ui #uicomponents #styledcomponents #webdevelopment

1 comments

@ORIONMOOD: documentation: https://kitchn.tonightpass.com/docs/frameworks/create-react-app github: https://github.com/tonightpass/kitchn npm: https://www.npmjs.com/package/kitchn