Muhammad Ahmad

Posted on Aug 8, 2020 • Edited on Jul 12, 2021

Create React App with chakraUI and formik libraries

#react #webdev #chakraui #formik

APP Overview

ReactBlog is a simple CRUD app that I built with React. Main goal of this app to learn how to implement hooks and how to use chakraUI and formik libraries with a react app.

Demo Link: reactBlog
GitHub repository: Github

Packages used in this app

ChakraUI
Formik
react-transition-group
react-animation-components
react-dotdotdot
react-image
react-icons

Here is a little description of ChakraUI and Formik

ChakraUI

Chakra UI is a simple, modular, and accessible component library that gives you all the building blocks you need to build your React applications.

Formik

Formik is the world's most popular open-source form library for React and React Native.
Formik is a small library that helps you with the 3 most annoying parts:

Getting values in and out of form state
Validation and error messages
Handling form submission

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Top comments (0)

How I Added CSV Importing In My React-Node.js Project

Patricio Salazar - Dec 11 '24

Designing and Implementing Ant Design Global App Tour for React Apps.

Ahmed Rakan - Dec 11 '24

Lessons Learned Migrating from React CRA & Jest to Vite & Vitest

Desmond Chin - Dec 16 '24

Using React as Static Files in Django: Step-by-Step Guide

grbeno - Jan 13

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

DEV Community