Tag: react
-
Typescript – Step by Step Guide to setup with React
If you’re a React developer, you might have heard of TypeScript, a popular programming language that adds static typing to JavaScript. Using TypeScript with React can help you write more maintainable code, catch errors earlier, and improve your overall development experience. In this guide, we’ll go through the step-by-step process of setting up a React […]
-
Creating a Reusable Button Component in React, Typescript and Tailwind
Learn to build reusable button component using react, typescript and tailwindcss
-
Configuring Typescript with React
In this part, let’s setup typescript in our React client app. Step 1 : Install Here’s what each package is for : typescript – the library that converts Typescript files (file extension with .ts or .tsx) in to javascript. ts-loader – webpack loader that integrates typescript in to webpack. webpack uses this loader to help […]
-
Setting up React Client from scratch
In the last tutorial we completed, setting up tooling for our node express typescript server, so let’s now focus on building our client app using react and typescript. creating our react app base If you are a beginner with react and don’t want to setup react manually, you can go with this command, that will […]
-
Form Validations using React-Bootstrap, Formik and Yup
Recently I was working with React Bootstrap forms, and I wanted to add validations, so I am sharing the code you can use to hookup Formik and also utilizing Yup to add schema based validations to your React-Bootstrap forms. I could not find much resource building the same, hope you find it easy now. React-Bootstrap […]
-
Build and Deploy a Blog using React, Typescript and GraphCMS
In this article, we will see how to create a blog app using React, Typescript and GraphQl : Let’s start by building our base: Then we need to install our dependencies : Installing Typescript and Types : Installing Graphql Create a tsconfig.json and add this : Now, our typescript setup is ready. We need to […]
-
List of resources to Learn Web Development online
If you are web developer, or someone want to learn web development, You should embrace the fact that it takes a lot of time in researching and find resources on the Internet as a self-starter. Here is something that I feel its very important to document all the resources that I found helpful as a […]