React is a popular JavaScript framework for creating front-end applications, such as user interfaces that allow users to interact with programs. Originally created by Facebook, it has gained popularity by allowing developers to create fast applications using an intuitive programming paradigm that ties JavaScript with an HTML-like syntax known as JSX.

featured tutorialHow To Deploy a React Application to DigitalOcean App Platform
DigitalOcean’s App Platform is a Platform as a Service (PaaS) product that lets you configure and deploy applications...

Joe Morgan • Published on December 18, 2020 · Updated on December 28, 2021

featured tutorialHow To Use Axios with React
Axios is a lightweight, promise-based HTTP client. In this article, you will explore examples of how to use Axios to ...

PaulHalliday • Published on January 23, 2018 · Updated on December 2, 2021

featured tutorialHow To Add Login Authentication to React Applications
In your React application, you can use authentication to manage which users have access to which pages. In this tutor...

Joe Morgan • Published on December 2, 2020

Subscribe to React
Get notified when new articles on React are published.
  • 20 Results
    All time
    • Question

      React App Build error in peer depency

      As I am trying to set up a react app thought the apps manager, the build logs inform me about a peer dependency from some of the libraries. npm ERR! code ERESOLVE [2022-06-22 21:24:23] npm ERR! ERESOLVE could not reso...
      No answers yet1 day agoBy Nestor TrianaDeploymentReact
    • Question

      Run Command when I use react & webpack

      I deployed React application.I installed webpack and updated the scripts to run the app.But which commands can I use for Run Command.Here is my script “build”: “webpack --config --progress”,“watch”: “w...
      No answers yet1 day agoBy DriftingLapisClamDeploymentReact
    • Question

      how to use spring boot api with reaactjs and mysql database

      how to use spring boot api with reaactjs and mysql database
      1 answer7 days agoBy DriftingLightSeaGreenWalrusMySQLReact
    • Tutorial

      How To Deploy a React Application with Nginx on Ubuntu 20.04

      In this tutorial, you’ll deploy a React application from your local machine to an Ubuntu 20.04 server running Nginx. You’ll build an application using Create React App, use an Nginx config file to determine where to d...
      9 days agoBy Joe MorganJavaScriptReactUbuntuDeployment
    • Question

      How is outbound transfer measured for Apps?

      I have a static React app running within the Apps service that will communicate with an external API. Is outbound transfer the data going from my app to the API or the data from the API to my app? Also, how do I track...
      Accepted Answer: Hi there, If I understand this correctly, you have a static website, so the requests made by the site would occur in the visitor’s browser meaning that no requests will be going out from the App Platform itself. The A...
      1 answer13 days agoBy FloatingCeruleanAxolotlApplicationsReact
    • Question

      How to get a React repo to use the Starter App Plan

      It seems this is a needed Question again. The top Questions on the topic lead to a broken link to an article that used to give suggestions, and a “I figured it out myself, I had Nodejs code in my repo” result. I would...
      1 answer13 days agoBy MEBonhamDigitalOcean App PlatformReact
    • Question

      catchall_document addition on Droplet rather than App?

      Hi, I am hosting a React application on a Droplet using nginx. I can currently access the homepage and anything it Redirects to, but if I Refresh or type a specific page’s URL, I get a 404. I’ve searched and found tha...
      No answers yet13 days agoBy MEBonhamDigitalOcean DropletsReact
    • Tutorial

      How To Test a React App with Jest and React Testing Library

      Obtaining solid test coverage is imperative for building confidence in your web application. In this tutorial, you will test asynchronous code and interactions in a sample project containing various UI elements. You w...
      2 months agoBy Alyssa HollandJavaScriptReactDevelopment
    • Tutorial

      How To Set Up a React Project with Vite

      This tutorial will scaffold a new React App using the Vite tool, which is a lightweight alternative to Create React App. You will create a basic app with a new component, CSS, and an image file, and prepare an optimiz...
      2 months agoBy tamal JavaScriptReactDevelopment
    • Question

      version `GLIBC_2.28' not found after running a force/build/deploy on my existing Apps

      I have a few static websites deployed using Digital Ocean’s App and all of them suddenly (upon rebuild/redeploy) failed to deploy due this error. 42:44] Project contains yarn.lock, using yarn [2022-04-19 21:42:44] War...
      Accepted Answer: Hey, it seems that the plaform app is now installing node 18 by default and creating problems in apps that don’t run on that version. Specifying my node version in package.json solved the problem. "engines": { "node":...
      3 answers2 months agoBy Alvin ReyesInfrastructureDigitalOcean 1-Click Apps MarketplaceReact
    • Question

      Digital Ocean Static SPA App - how to set htaccess

      I want to host a SPA React app on a Digital Ocean static app, for this to be effective, I need to be able to share e.g. This results in a 404 error as it needs a .htaccess file to divert correctly a...
      1 answer2 months agoBy Darren SweeneyReact
    • Question

      ReactJS cutomization

      I have a component that is used across different clients in the application. 80-90% of the functionality is common across all clients but 10-15% is customized for each client (there could be UI changes or some functio...
      1 answer2 months agoBy FriendlyNavyBoatReact
    • Question

      App Spec for Node + React in Single App

      I have a node backend with a react frontend in separate github repos. I have successfully deployed the combo as two separate apps. But it seems like I should be able to do this as a single app by setting up a service ...
      2 answers3 months agoBy Patrick BrannanDigitalOcean App PlatformNode.jsReact
    • Tutorial

      How to Enable Server-Side Rendering for a React App

      In this tutorial, you will initialize a React app using Create React App and then modify the project to enable server-side rendering.
      3 months agoBy Alligator.ioReact
    • Question

      Trouble with HTTPS

      As I deployed my React app, I ran into an issue regarding head access denied, so I just added the DANGEROUSLY_DISABLE_HOST_CHECK=true env variable. But when I added my custom domain (which don’t has a SSL certificate)...
      1 answer3 months agoBy Losty17React
    • Tutorial

      How To Customize React Components with Props

      Props are arguments that you provide to a JSX element in a React application. They look like standard HTML props, but they aren’t predefined and can have many different JavaScript data types, including numbers, string...
      3 months agoBy Joe MorganJavaScriptReactDevelopmentProgramming Project
    • Question

      Build Error: Non-Zero Exit | SyntaxError: Unexpected token '.'

      Getting an error that I cannot pin down the proper solution for. The error given is $ node ace build[2022-03-08 19:10:23] /workspace/node_modules/@poppinss /utils/build/src/Helpers/string.js:241[2022-03-08 19:10:23] r...
      1 answer4 months agoBy CraigSauApplicationsBuilding on DigitalOceanNode.jsReact
    • Question

      Getting npm ERR! [email protected]: Permission denied (publickey) when using deploy App

      I am trying to deploy a React app using the digital ocean tutorial The tutorial uses the stepsCreate > App...
      1 answer4 months agoBy SleepingAquamarineCrabDeploymentReact
    • Question

      I have issue with React App on digital ocean server on local routing normal works on app on server also but when I share link open 404 error

      I have issue 404 when i send some link to other users. IN my case it’s approve profile page. I send it with link but my link and app doesn’t recognise my link and show me 404.Here is my site: https://dorfleben-ve8vp.o...
      1 answer4 months agoBy abuduklisEmailNode.jsReact
    • Question

      Dynamically generated PDF files do not open on my deployed digital ocean application.

      Hi, I was able to successfully launch my MVP application to digital ocean by creating a droplet and cloning my github repository. However, a core feature of my application is generating a dynamic contract which then o...
      1 answer4 months agoBy enriquebarcoDeploymentDigitalOcean DropletsJavaScriptReactStorageUbuntu