React Native Web The State of React Native for Web in 2021 React Native Web is an open source library that enables you to build simultaneously for mobile and web platforms. Here's how you can use React Native for Web in 2021.
React Native Easiest and Hardest Developer Skills to Hire For in 2021 As we close out 2020, we're taking a look ahead to which technologies will be easiest to hire for and which will have a comparative shortage of talent in 2021.
React Obscure Frontend Frameworks That Could Become the Next React React's modern dominance is easy to understand. However, React is not the end state of frontend development. In this blog post, we are going to look at some web development frameworks which have the potential to become the next React.
React Top Popular UI Component Libraries for React Apps Rapidly build clean-looking user interfaces with these UI component libraries for React.
React Rad Devs Use the RAD Stack Leading development teams use React Native and Django to build high-performance applications. Here's why you should use RAD stack with the Crowdbotics App Builder for your app builds.
React How to Use Airtable as a Cloud-Based Database for a React App Learn how to store, access, and render your React app's data in the cloud using the Airtable API.
React Hook Build a React app with LocalStorage API and Hooks React Hooks enable you to set a local state within a functional component. This tutorial will teach you to create an expense tracker app using Hooks, Bootstrap, and the localStorage API.
React How to add Dark mode functionality with React Hooks In this post, I am going to show you how you can easily add dark mode functionality in your React apps whether it is an admin dashboard that is consuming some third party API hosted elsewhere or a web blog using static site generators like Gatsby.
Apollo Create an Open Source Twitter Clone with Apollo, React and Crowdbotics In this tutorial, you will build a bare minimum Twitter clone (front-end) with Apollo Client and React.
React Using React Router to Optimize Single Page Applications (SPAs) A basic introduction to React Router, and a useful library for optimizing React apps.
Apollo Introduction to Apollo Client with GraphQL and React Learn how to integrate and work with Apollo Client by building a simple React.js application with Crowdbotics.
Firebase How to integrate Firebase and Firestore cloud database with a React application In this tutorial, we will be learning how to integrate Firebase and Firestore cloud database with a React application. We will also create a bare minimum demo application from scratch with the help of Firebase & React Native to see how they work together.
Storybook How to Setup a React App with TypeScript, Storybook, and Crowdbotics If you are building web applications with ReactJS, you might have heard or used TypeScript. Some say that TypeScript is the missing functionality from JavaScript's ecosystem. I must say, I did not enjoy writing React apps in TypeScript at first but I've come around.
JavaScript How to quickly build and integrate a serverless React application with Crowdbotics and AWS Amplify As a developer building a serverless application, you get to focus more on the product. Instead of worrying about managing and operating servers, you get to reclaim your valuable time and energy…
JavaScript React Hooks Basics— Building a React Native App with React Hooks React 16.8 welcomed the dawn of Hooks. This new addition is both a new concept and pragmatic approach that helps you use state and lifecycle methods behavior in functional React components, that is…
React Building ReactN — An extension of React that includes global state management When your React application reaches a certain size and scope, attempting to manage state within component instances adds too much complexity, prop drilling, and code smell. Developers inevitably turn…
React React Suspense with the Fetch API From the legend Dan Abramov himself, we receive such gems as “There is [no data fetching solution compatible with React Suspense] that exists yet,” and “[React Cache] will be the first one,” and…
Redux How to use useReducer in React Hooks for performance optimization React Hooks API is officially released in React 16.8.In this post, we focus especially on useReducer by introducing various use cases. Before continuing reading this tutorial, please read the…
JavaScript Cache Your React Event Listeners to Improve Performance An under-appreciated concept in JavaScript is how objects and functions are references, and that directly impacts React performance. If you were to create two functions that are completely identical…
React 21 Useful Open Source Packages for React Native We live in the world of a variety, yet mobile devices are dominated by two major platforms, iOS and Android. It is a two-horse race, but that doesn’t make mobile app development easy. For iOS you…
JavaScript How To Build a Hacker News Clone with React and Next.js Building (or cloning) a JavaScript-based app using React as the front-end framework comes with some challenges. You want to focus on building and shipping the application rather than spending too…
React Building An Easy-To-Use Facebook Image Grid Library for npm In 2016, a client asked me to develop an image grid feature like Facebook uses to display pictures on a user’s wall. I first built this feature on Angular 1.x. Since that time, I have worked…
React How To Build A Blog From Scratch With React, Markdown, GraphQL and GatsbyJS There are lots of quick and easy, no-code ways to get blog up and running – such as Medium or Wordpress – but, whether it’s to customize, monetize, add security, or just learn, today, I’ll show you…
NodeJS Building an authenticated MERN Stack App Using Material UI Setting up the the back end and connecting it with a client-side library like React to fetch and display data is just the beginning. One you have the data user will interact with, you need to focus…
JavaScript How To Set Up A Node Backend with Hapi.js For A React Web App In this article, I am going to walk you through setting up your own Node.js backend server for a React application. Both frameworks are often used together to build real time, fullstack web…
NodeJS How to deploy a MERN stack app on Heroku In this article, I will describe how to take an existing Web Application that is build using MongoDB, ExpressJS, Node.js, and React (often called as MERN stack) on a deployment service like Heroku…