Published in Geek Culture·PinnedMember-onlyHow to use Error Boundaries with Fallback UI in React ?The following article will help you to understand how to use Error boundaries in React Beginner Guide React users, React 16 introduces a new concept of an “error boundary”. React 15 included a very limited support for error boundaries under a different method name: unstable_handleError. Error boundaries are React components…React Js Tutorials7 min read
Published in Geek Culture·PinnedMember-onlyCode-Splitting CRA with React Router with React.lazy and Suspense Beginner guideThe following article will help you to understand how to code split with React. lazy and Suspense with React Router beginner guide. There are several ways to implement code splitting in React. Today we are using React.Lazy method for code splitting. Before we start please find below important technologies definitions Code-Splitting …React Js Tutorials4 min read
Published in Geek Culture·PinnedMember-onlyHow to Use and Implement Context and useContext Hook with example React Hook’s — Beginner GuideIn this tutorial, we’ll be learning How to Use and Implement Context and useContext Hooks with example React’s Hooks Before we start please find below the important definitions: Hooks — Hooks are a new addition in React 16.8. …React5 min read
Published in Geek Culture·PinnedMember-onlyHow to Add Docker to Create React App(CRA) + Run Unit TestsIn this tutorial, we’ll be learning how to add a docker to Create-React App and run the unit tests. — Before we start please find below important technologies definitions. 1. Docker — Docker is a popular open-source project written in go and developed by Dotcloud (A PaaS Company). It is basically a container engine that uses the Linux Kernel features like namespaces and control groups to create containers on top of an operating system.Docker5 min read
Published in Geek Culture·6 days agoMember-onlyHow to add React Hook Form with Typescript to React Js Application beginner guideIn this article, I’m going to discuss How to add React Hook Form with Typescript to React Js Application beginner guide :) Before we start please find below important packages with react hook form What is a React hook form? React Hook Form is a library that helps you validate forms in React. …React Js Tutorials6 min read
Published in Geek Culture·Aug 1Member-onlyHow to integrate Material UI to React Js Application or Third part Lib integration- Beginner GuideIn this tutorial, we’ll be learning how to integrate Material UI to a React application. This tutorial will also help to understand how we can import any package in React Js like third party lib and how we can utilize and import into our application as per our business requirement…React Js Tutorials6 min read
Published in Geek Culture·Jul 2Member-onlyHow to integrate TestCafe in React app — End to End Testing with TestCafe Beginner guideIn this tutorial, we’ll be learning how to integrate testCafe to an existing React application. Before we start please find below the important definitions: TestCafe — A Node.js tool to automate end-to-end web testing. Write tests in JS or TypeScript, run them and view results. TestCafe’s intuitive syntax makes teams…Testcafe5 min read
Published in Geek Culture·Feb 22Member-onlyReact -TypeScript — How to add interface with functional component typed props beginner guide :)In this article, I’m going to discuss how to add interface with functional component typed props beginner guide :) Before we start please find below important technologies definitions PropTypes PropTypes are a mechanism to ensure that components use the correct data type and pass the right data, and that components use the right type of props, and that receiving components receive the right type of props.Typescript4 min read
Published in Geek Culture·Feb 22Member-onlyHow to install Typescript with CRA (CREATE REACT APP) Beginner Guide.The following article will help you to understand how to install Typescript with CRA (CREATE REACT APP) and simple interface example beginner guide. In this tutorial we will only learn how to install typescript with Create React app and in the coming article you will learn how to add interface…Typescript With React4 min read
Published in Geek Culture·Aug 2, 2021Member-onlyHow to implement High order component HOC’s in React App — Beginner GuideIn this tutorial, we’ll be learning How to implement High order component HOC’s in React App Higher-Order Components A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature. HOCs are common in third-party React libraries, such as Redux’s connect and Relay’s createFragmentContainer.Học5 min read
