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 […]