• 2 weeks ago
In Chakra UI we can setup the styles as attributes in each component. The problem is with large projects. When we need to change a color, font, any style we need to custom the attribute of each component where is used what we want to change. Fortunately in Chakra UI we have an option to setup global styles and custom them easy from one file. This video shows how to setup global colors in Chakra UI & Next.JS.

Chakra UI Version 3.2.3

Code URL: https://github.com/InterTuts/React-Node.js-Social-Chat

Recommended

3:20
I
Up next
How to use global styles in Angular
InterTuts
2:28
Pagination in React & Next JS
InterTuts
1:47
React & Node.js Social Chat: unsubscribe Facebook Pages from application's webhook
InterTuts
1:22
How to use notifications alerts in React & Next JS
InterTuts
3:30
React & Node.js Social Chat: how to connect Facebook Pages to receive direct messages
InterTuts
1:56
How to convert a string to MongoDB ObjectId in Node.js
InterTuts
2:05
How to bulk insert or update data in MongoDb with Mongoose
InterTuts
1:41
How to retrieve URL's query parameters in Next.js(CSR)
InterTuts
3:27
How to handle dynamic route parameters in Express.js
InterTuts
1:42
How to retrieve and pass dynamic route segment between components in Next.js & React
InterTuts
2:00
How to create vertical tabs in Chakra UI
InterTuts
1:53
How to create a modal in Chakra UI & React
InterTuts
0:49
React & Node.js Social Chat: Introduction
InterTuts
3:02
How to use recipes in Chakra UI & Next.JS
InterTuts
1:33
How to setup global fonts in Chakra UI & Next.JS
InterTuts
1:54
Serializing big strings impacts deserialization performance (consider using Buffer instead and decode when needed)
InterTuts
1:46
Angular & ASP.NET Core Web API Authentication: how is working registration and sign in using Google API
InterTuts
4:30
Angular & ASP.NET Core Web API Authentication: how is working registration
InterTuts
5:10
Angular & ASP.NET Core Web API Authentication: how is working the password reset
InterTuts
2:44
Angular & ASP.NET Core Web API Authentication: how is working remember me login
InterTuts
4:37
Angular & ASP.NET Core Web API Authentication: how is working login
InterTuts
4:48
How to validate an email address in ASP.NET Core Web API using a custom attribute
InterTuts
3:29
How to reset a reactive form in Angular 19
InterTuts
3:54
How to validate Angular Material reactive form in Angular 19
InterTuts
2:12
How to test .http files with REST Client
InterTuts