Recent in
A lot of open-source invoice management apps are built with Laravel. I wanted to build the “React Solution” for devs that are familiar with React and Javascript. A problem I found when building with services in Node.js is that there is no built-in mailer. So, I had to find a 3rd party service to do that for me.
CRA is the official tool for configuring React applications when you start a new project. It is maintained by the core React team responsible for the main React library. CRA uses Webpack under the hood to set everything up.
React v16.8 introduced a new hook called `useEffect, which allows you to run side effects in your functional components. UseEffect is a great way to handle expensive operations like API calls, but it can take some work. In this post, I'll show you how to use use useEffect` to debounce expensive procedures in Next.js. Debouncing is a technique for controlling the rate at which a function is called.
Sentry is a tool that monitors errors in real-time for developers. It can be difficult to upload source maps to the Sentry server. This article explains how to get source maps uploaded to Sentry.
Create React App seems abandoned and dead. I want to show you some great alternatives that we personally use at CroCoder. T3 Stack is a web development stack created by Theo that focuses on simplicity, modularity, and full-stack type safety. Its core pieces are Next.js, TypeScript, and Tailwind CSS. T3 Stack is a great alternative to Create React App (CRA) because it offers superior performance, faster development time, and is actively maintained. Vite + React is a great alternative to Create React App (CRA) because it offers superior performance and faster development time. Additionally, Next.js is a frontend framework that is built on top of React and is designed to improve the performance, user experience, and SEO of web applications.
The library `http-proxy-middleware is a great tool to use when you want to proxy requests to an API. It only takes a couple of lines of code to set up and use, and it's very flexible. When you use this client in your React application to send requests to a GraphQL API, React will execute the request on the client side.
In autumn 2022, I decided to migrate one of our work projects from the Create React App to NextJs. The goal of this was to increase the performance of a few pages, separate pages for mobile devices from the main app, and decrease the number of 3rd parties with access. Most of our goals were achieved successfully but according to our Airbrake notifier, `localStorage` was always breaking something.
Next.JS is a front-end library based on JavaScript. React works well for lightweight apps developed in a short time, SPAs, cross-platform apps, and secure mobile solutions. The above-average performance, better user experience, and rapid feature development make it more appealing to business needs. The most distinct difference is enhanced search engine optimization. So, here is a list of 5 reasons why to convert React to Next.js.
I've never met a true, passionate web developer who isn't a multi-dimensional specialist interested in a wide variety of topics related to their job.
Next.js is a framework built on React that gives frontend developers the flexibility of creating modern and scalable apps by allowing developers to render content on the server.
Next.js can be used to build an SEO strategy for different pages. It can be done by creating a shared component that is called repeatedly on each page.
React is a JavaScript library for building user interfaces. It lets you create reusable components so that your code is easy to read and maintain. React has become one of the most popular front-end JavaScript frameworks in recent years. If you're looking for a job that involves React, you're likely to encounter some tough interview questions. In this article, we'll go over some of the common React interview questions and how to answer them.
Benefit from a weekly updates, coding challenges and helpful resources around software development.
Your privacy is important to us. We promise not to send you spam!