Click here to Skip to main content
14,976,321 members
Everything / Web Development / React

React

React

Great Reads

by Fred Song (Melbourne)
Global Weather - React App with ASP.NET Core 3.0
by Sacha Barber
A little demo app to try out OpenFin
by dsuryd
Simple, lightweight, yet powerful way to build real-time React + C# .NET web apps with dotNetify-React.
by Pankaj Kumar Choudhary
In this article, we learn what is pure component, how its works, and what are the benefits of pure component.

Latest Articles

by D_Gregorian
How to create a React-Native (iOS & Android) FileManager with Firebase Storage
by Evoluteur
SVG icon set for CRUD applications packaged as a React component with light & dark themes and tooltip.
by Florian Rappl
In this article, we'll learn how to integrate a data grid into React applications.
by Jeffrey Lee Smith
Raygun’s suite of tools are a lifesaver for developers who are looking for a solution to monitoring their customer-facing applications for issues.

All Articles

Sort by Score

React 

Please Sign up or sign in to vote.
5 Feb 2020
Fred Song (Melbourne)
Global Weather - React App with ASP.NET Core 3.0
Please Sign up or sign in to vote.
6 Mar 2019
Sacha Barber
A little demo app to try out OpenFin
Please Sign up or sign in to vote.
21 Mar 2017
dsuryd
Simple, lightweight, yet powerful way to build real-time React + C# .NET web apps with dotNetify-React.
Please Sign up or sign in to vote.
6 Mar 2018
Pankaj Kumar Choudhary
In this article, we learn what is pure component, how its works, and what are the benefits of pure component.
Please Sign up or sign in to vote.
27 Jun 2017
Sacha Barber
In this post, we will be implementing the static screen designs.
Please Sign up or sign in to vote.
12 Jun 2017
Sacha Barber
This time, we will look at routing inside of a React application.
Please Sign up or sign in to vote.
22 Dec 2017
Philipp_Engelmann
How to allow the player and invaders to shoot each other, add a simple high-score and a GameOver-screen
Please Sign up or sign in to vote.
26 Feb 2019
Rahul Sabharwal
This article details the migration steps from Webpack 3 to Webpack 4.
Please Sign up or sign in to vote.
20 Nov 2020
Evoluteur
SVG icon set for CRUD applications packaged as a React component with light & dark themes and tooltip.
Please Sign up or sign in to vote.
27 Nov 2015
Modesty Zhang
A practical example of utilizing Reactive Extensions RxJS for autonomous states in React components with greater expressiveness and concise code.
Please Sign up or sign in to vote.
8 Jan 2018
Manjunath Matathamana
This tutorial teaches you how to build a React application from scratch. In addition, we will be using fetch API with React to make asynchronous calls to a mock server.
Please Sign up or sign in to vote.
13 Jun 2018
Ryan Peden
A quick tip on adding labels to React form elements
Please Sign up or sign in to vote.
11 Dec 2018
Luis F. Penedo
Setting up a React project in Visual Studio 2017
Please Sign up or sign in to vote.
26 Apr 2016
Dave Kerr
I'm going to share my experiences of experimenting in Angular 2, as someone who needs a pretty compelling reason to move away from React/Redux!
Please Sign up or sign in to vote.
5 Jul 2016
Dave Ceddia
Do not use bind when passing props
Please Sign up or sign in to vote.
11 May 2017
Dave Ceddia
Convert React.createClass to ES6 Class
Please Sign up or sign in to vote.
13 Jun 2017
Dave Ceddia
How to create React app with Express in production
Please Sign up or sign in to vote.
13 Sep 2017
Dave Ceddia
5 projects to help you learn React
Please Sign up or sign in to vote.
27 May 2018
Dave Ceddia
You’ve got a React app, and an API server written in Express or something else. Now – how do you deploy them both to a server?
Please Sign up or sign in to vote.
27 Apr 2020
Sacha Barber
Small demo app using React/Redux and hooks
Please Sign up or sign in to vote.
4 Jul 2016
Dave Ceddia
React Gotchas
Please Sign up or sign in to vote.
5 Oct 2016
Dave Ceddia
How to divide React work between designers and developers
Please Sign up or sign in to vote.
23 Jan 2017
Dave Ceddia
Watch out for undefined state
Please Sign up or sign in to vote.
21 Mar 2017
Dave Ceddia
When you need to fetch some data for a React component, where do you do it?
Please Sign up or sign in to vote.
30 Mar 2017
Muddassir Mohammed
This article demonstrates how to implement a simple Flux workflow using React along with a working example.
Please Sign up or sign in to vote.
4 May 2017
Dave Ceddia
Convert React.createClass to Stateless Function Components
Please Sign up or sign in to vote.
21 Jun 2017
Karthik_Mahalingam
JavaScript Tutorial[^] MongoDB [^] Express js[^] Angular 1[^] (or) Angular 2[^] ( TypeScript [^] ) Node.js[^] RequireJS[^]
Please Sign up or sign in to vote.
21 Jun 2017
Peter Leow
Regardless of the technologies you use, the components of web architecture include: 1. Front-end - HTML - CSS - JavaScript 2. Back-end - Server-side scripting (specific) - database (specific) You should get yourself acquainted with the front-end components which are basic...
Please Sign up or sign in to vote.
26 Jun 2017
Dave Ceddia
Cheat to win: Learn React with Copywork
Please Sign up or sign in to vote.
20 Sep 2017
Sacha Barber
Play Framework Reactive Kafka producer
Please Sign up or sign in to vote.
4 Oct 2017
Dave Ceddia
Justifying React to the Business
Please Sign up or sign in to vote.
18 Nov 2017
rohit7209
How to change state of child from parent, state of parent from child and state of sibling from another sibling
Please Sign up or sign in to vote.
29 Nov 2017
Dave Ceddia
Immutable updates in React and Redux
Please Sign up or sign in to vote.
23 Jan 2018
Aregbesola Sunday J
This article shows how React can be used in SharePoint framework to solve the challenges posed by _RequestDigest when perform a POST operation in SharePoint.
Please Sign up or sign in to vote.
2 Feb 2018
Dave Ceddia
Where and when to fetch data with Redux
Please Sign up or sign in to vote.
3 Mar 2019
RickZeeland
For back end Django looks like a good choice: https://www.slant.co/topics/362/~best-backend-web-frameworks[^] For front end development Vue seems to be a good choice: https://www.slant.co/topics/5699/~javascript-frontend-frameworks[^] But what I'm missing in these lists is Knockout.js which...
Please Sign up or sign in to vote.
15 Mar 2019
SL-A-SH
1 alternative  
this.state.data =[ {'name':'Fred','status':'Available','age':'15','country':'Canada'}, {'name':'George','status':'Unavailable','age':'17','country':'Russia'}, {'name':'Bill','status':'Unavailable','age':'61','country':'USA'} ]; I want to map over this array and return a html in react ...
Please Sign up or sign in to vote.
29 Mar 2020
morzel
Using measureText method to calculate widths of text and then use setColumnWidth to adjust columns
Please Sign up or sign in to vote.
11 Aug 2020
Sandeep Mewara
It's about deleting some HTML tags as required. Thus, you need to define an event and then wire that to find the element that needs to be removed (using JavaScript/jQuery) and then remove it. Like removing a table row using a delete button: ...
Please Sign up or sign in to vote.
21 Sep 2020
h311o
Yes! I solved this problem! It was because of the useEffect(), but it wasn't because it was being used twice. The problem was because I didn't add an empty array to my useEffect() function so that it would have only run once: // Save to Load ...
Please Sign up or sign in to vote.
18 May 2021
D_Gregorian
How to create a React-Native (iOS & Android) FileManager with Firebase Storage
Please Sign up or sign in to vote.
10 Jun 2021
markkuk
React fuctional components don't have a this variable, so remove all references to it. In App.js you should have: and in List.js: const deleteTask = (id) => { const newTodoList =...
Please Sign up or sign in to vote.
14 May 2017
Peshko
I have a project on react / typescript with webpack 2 and different components refered by the main module from outside with index files. Here is the test project: Uploadfiles.io - duplicatedcomponentsinbundle.zip[^] The bundle is located in:TestReactTs\Scripts\App\portal.bundle.js hello.tsx...
Please Sign up or sign in to vote.
18 Jul 2017
arunkx
My textinput component is given below: const React = require('react') module.exports = (props) => { return ( props.onBlur(props.fieldName, e.target.value)} ...
Please Sign up or sign in to vote.
24 Jul 2017
Dave Ceddia
How to deploy React to multiple environments
Please Sign up or sign in to vote.
15 Nov 2017
Tzuriely
Hi, I am new with react and i need help. I created a element class that use in props. so when i want to call this element is can do it like that: and then use in name (props.name) as parameter in the class element(http get request). As I am understand i must to write this in...
Please Sign up or sign in to vote.
15 Jan 2018
Dave Ceddia
Hot Reloading in Create React App Without Ejecting
Please Sign up or sign in to vote.
8 Mar 2018
jimmyHuey
I have a function like following, this is a rudux to provide EstateList. import {render} from "react-dom"; import React from "react"; import {Provider} from "react-redux"; import store from "./Store"; import EstateList from "../estates/estateList/estateList"; function estateList() { ...
Please Sign up or sign in to vote.
27 May 2018
Dave Ceddia
Ahh, the many ways of initializing state. It can be confusing. Do you put the state = {...} directly inside the class, or do you write a constructor and say this.state = { ... } inside the constructor? And do you need to have a constructor at all?
Please Sign up or sign in to vote.
2 Jun 2018
Dave Ceddia
Everybody says don’t do it. Never mutate state directly, always call setState. But why, though?
Please Sign up or sign in to vote.
2 Jul 2018
Mike V Baker
Sometimes you'll need a specific USB driver for the type of phone. First place I would go is the phone manufacturer support area looking for USB drivers. If they have one marked for debug that would be a plus. Also, you might have to turn on the debugging ability. In the Samsung and the Google...
Please Sign up or sign in to vote.
18 Jul 2018
Jochen Arndt
See "Path must be a string. Received undefined" · Issue #144 · zkat/npx · GitHub[^]: Quote: This should have been fixed with npm@5.8.0 (if using the bundled npx) and npx@10 (if you're using a standalone npx install).
Please Sign up or sign in to vote.
13 Aug 2018
Mike V Baker
1 alternative  
I'm working on a react-native prototype and trying to introduce react-odata. https://www.npmjs.com/package/react-odata has the following sample code in the readme file: const baseUrl = 'http://services.odata.org/V4/TripPinService/People'; const query = { filter: { FirstName: 'Russell' } }; ...
Please Sign up or sign in to vote.
13 Aug 2018
Mike V Baker
1 alternative  
I learning react-native. I'm trying to display a really simple list of products from a database call. The data is loading but for some reason the individual items are not being loaded into the list. What I have tried: import React, { Component } from 'react'; import { Text, View, ...
Please Sign up or sign in to vote.
13 Aug 2018
Mike V Baker
So it turns out that it was just a problem of using braces {} where I should have used parens () render() { return ( { this.state && this.state.products &&...
Please Sign up or sign in to vote.
13 Aug 2018
Mike V Baker
As it turns out the call to odata was just fine, it was the syntax of the listitems that was wrong { data && { function(data) ( // PAREN HERE ) // AND HERE } } Switched the braces out and put in parens instead.
Please Sign up or sign in to vote.
20 Aug 2018
Josh415
-----Environment--------------...
Please Sign up or sign in to vote.
10 Sep 2018
Janardhanam Julapalli
1 alternative  
Unable to resolve module `AccessibilityInfo` from `C:\Users\v89\awesomeProject\node_modules\react-native\Libraries\react-native\react-native-implementation.js`: Module AccessibilityInfo does not exist in the Haste module map. This might be related to...
Please Sign up or sign in to vote.
10 Sep 2018
Janardhanam Julapalli
react-native init ProjectName --version 0.55.4 This worked for me!
Please Sign up or sign in to vote.
11 Dec 2018
Member 14085473
1 alternative  
Example : I have a query : ?keyword=word&personcapacity=2 I need to recover this "word" by deleting ?keyword= and &personcapacity=2 but this word changes depending on the search performed Do you think that a Regex in JS can be used ? What I have tried: I tried this but it does not work :...
Please Sign up or sign in to vote.
11 Dec 2018
F-ES Sitecore
Google "read query string params javascript" and you'll find lots of solutions for this Get Query String Parameters with JavaScript[^]
Please Sign up or sign in to vote.
3 Mar 2019
Member 14145830
1 alternative  
what's the easiest js framework to learn to link it with django back end (im new with front end) What I have tried: (im new with front end) do i need to learn angular or react or vuejs or ..... and thanks
Please Sign up or sign in to vote.
15 Mar 2019
Gunnar S
data =[ {'name':'Fred','status':'Available','age':'15','country':'Canada'}, {'name':'George','status':'Unavailable','age':'17','country':'Russia'}, {'name':'Bill','status':'Unavailable','age':'61','country':'USA'} ]; data.map((rowData) => { return "\n" + Object.values(rowData).map(item=>...
Please Sign up or sign in to vote.
12 Apr 2019
hrmaker
I'm using a component named "trip" and this component tries to recover some information, like 'rider id', 'tax' and 'distance' between driver and rider. When Geolocalization function is passing to the component, it doesn't recover all the objects. I think that Cordova Plugin doesn't ok. ...
Please Sign up or sign in to vote.
8 May 2019
jatinp510
After installing create-react app I want to modify my files. Despite various attempts I am not able to delete various files properly and can't modify folder structure of my react app. Please help me . Error shown in visual studio is : Error : EPREM : operation not permitted, unlink...
Please Sign up or sign in to vote.
24 May 2019
Member 10371658
i am working on react application. if i am export default App then this.setState is working but when i am working with export default Radium(App). it's not working. following error occurred: when click on Toggle Person button following error occurred: index.js:1437 Warning: Can't call...
Please Sign up or sign in to vote.
4 Jun 2019
Nagy Vilmos
There may be a better way to do this, please let me know if there is. We have an API served by a Flask web server; this can't be changed. We have web client - SPA using react providing dynamic content served by the API. We want to deploy this all via Elastic Beanstalk in AWS. What I really...
Please Sign up or sign in to vote.
19 Jan 2020
Kioshilol
1 alternative  
I can’t do routing, nothing is displayed on the page, what could be the problem? just a blank page What I have tried: Employee.jsx its must display on index page Employee.jsx (Candidates такой же почти) import React from 'react'; class Employee extends React.Component { ...
Please Sign up or sign in to vote.
23 Sep 2019
simpledeveloper
Hi all, I have a file created a file (EnvironmentConfig.js) for Configuration Settings in the ClientApp folder of the React .Net Application with .Net core. export const EnvironmentConfig = [{ 'ID': 'DepartmentApi', 'Url': 'https://localhost:44396/api/department' }, { 'ID':...
Please Sign up or sign in to vote.
26 Sep 2019
simpledeveloper
1 alternative  
Hi, I am trying to export my local Reactjs project to CodeSandbox, I am following the following instructions given in the following link CodeSandbox[^] i ran the following command: npm install -g codesandbox But when I try to run the command at command prompt: codesandbox ./ its giving me error...
Please Sign up or sign in to vote.
25 Sep 2019
Afzaal Ahmad Zeeshan
This -g flag makes NPM install the package globally, so that the executable—in your case codesandbox—would be available from any directory, otherwise you will need to be in the same project where you installed it. Just restart PowerShell, as the window temporarily caches the executables and...
Please Sign up or sign in to vote.
28 Oct 2019
AlHal9
This code shows how to use a combobox in a Sharepoint online webpart using react. The sample data is hard coded. How can I bind the combo box to a Sharepoint list? I have a list of 60 cost centers and I want them to appear in a combo box with autocomplete switched on. import * as React from...
Please Sign up or sign in to vote.
9 Jan 2020
Hasitha Chandrasekara
I need to redirect from a home page to a separate map-page when a button is clicked. The redirect to the map-page happens successfully with history.push() but however the Booking.com map-widget fails to load....When using window.location.assign(), the map-widget loads as the page refreshes...Is...
Please Sign up or sign in to vote.
19 Jan 2020
Dipankar937
You can definitely do this. But I suggest that Create your React project with the use of Visual Studio React Template. Because all configuration will generate automatically. Also you can do it in any react project. In React project 'react-router' is responsible for routing. You can see also...
Please Sign up or sign in to vote.
30 Jan 2020
andrew898701
Hello, I am trying to use my own icons in a css file to display icons on a react website. Below is the code that leads up to the point where I actually create the markers (I am using MapBox API. (See bottom of code) The problem is that a.) when i create my own SVG files in illustrator and...
Please Sign up or sign in to vote.
29 Feb 2020
Sanwar ranwa
How to use the React Bootstrap Table in React applications
Please Sign up or sign in to vote.
25 Mar 2020
FireMonkey92
1 alternative  
Hi, I am working on a react project. My requirement is to clear redux store when ever the use closes the browser. (Not on Refreshing the page.) i have done some research on it and found about EventListner events "beforeunload". Here what i have...
Please Sign up or sign in to vote.
25 Mar 2020
Richard Deeming
If you return a value from the beforeunload event, the browser will display a confirmation message to the user asking whether they want to leave the page. By the time the user clicks "cancel", your code has already run, and your state has been...
Please Sign up or sign in to vote.
1 Apr 2020
Jeroen De Vetter
1 alternative  
Hello i am not really sure how to explain my problem or how to ask for help. But am going to try it anyway lately when i create a react app it installs like normal am using npx creat-react-app for that. But from the moment i use npm start i get...
Please Sign up or sign in to vote.
1 Apr 2020
Jeroen De Vetter
I have found the solution for my problem by setting the path value for system32. You can do this by the following steps Goto > Control Panel\System and Security\System\Advance system setting\Enviroment variable and set system variables path...
Please Sign up or sign in to vote.
4 Apr 2020
Rakshanda_khan
1 alternative  
i want to build a website which will include my portfolio and other blog post, want to mention about my new projects etc. But i want to host it some where free befor making it live on godaddy etc. Which is the best hosting site. What I have...
Please Sign up or sign in to vote.
4 Apr 2020
OriginalGriff
Generally speaking, free hosting is worth exactly what you pay for it, possibly less. reliability is normally low, DB counts and sizes are tiny, up time is normally short, technical support is non-existent or very expensive. Some will also...
Please Sign up or sign in to vote.
5 Apr 2020
Telstra
Hi, I have general question regarding react js. I am very new in react and working on one PoC. General approach in react is create a state object for input controls and assign its state value to that input before submitting. This will work fine...
Please Sign up or sign in to vote.
23 Apr 2020
Member 14811477
1 alternative  
import React,{Component} from 'react'; import * as uuid from 'uuid'; import { render } from '@testing-library/react'; class TodoList extends React.Component{ state={ text:'' } onChange=(e)=>{ this.setState({ text:e.target.value, }) }...
Please Sign up or sign in to vote.
23 Apr 2020
Richard MacCutchan
I assume you mean the line: const newState=state.filter((todo)=>todo.id !== action.payload.id); The message is telling you that the variable todo has not been set to refer to anything.
Please Sign up or sign in to vote.
9 Aug 2020
Volodymyr Kopytin
In this article, we will see how to build a small application in a functional way.
Please Sign up or sign in to vote.
30 Jul 2020
kiskeya
Hello everyone, I am trying to create a React page slider app with 3 simple page components (home, about, contact). I created a component PageSliderMgr to slide the current page out of the view and slide in the page on the link. The problem is...
Please Sign up or sign in to vote.
8 Aug 2020
Richard MacCutchan
The fairly obvious answer is that you study each of these subjects in depth and learn how to get them to work together to do what you want. There is no shortcut to becoming an experienced developer, only practice, practice, practice.
Please Sign up or sign in to vote.
9 Aug 2020
OriginalGriff
No. The domain name is an integral and required part of every email address, and you cannot send an email without a source email address (normally provided by the email server) and a destination email address. Valid email address format[^]
Please Sign up or sign in to vote.
10 Aug 2020
Shira fo
There is way to view the list of the "Zone_Name" into flatList that let me also press and choose results of the "Zone_Name" as many i want from the flatlist. this flatlist will be showen only when i press on the "TouchableOpacity" of the "area...
Please Sign up or sign in to vote.
11 Aug 2020
h311o
1 alternative  
Hi, I'm building a react web app using Bootstrap and I have a delete button (also with the Bootstrap template) and I want to delete a Bootstrap object with that delete button. How do I achieve this, and what is the quickest way? Thank you! ...
Please Sign up or sign in to vote.
21 Sep 2020
foxwell001
I need to create a react app that has a NavBar component, contains a few links, and a Login component, which has two input elements and a button. When a user types in the inputs, their contents should be stored in state. When the user clicks the...
Please Sign up or sign in to vote.
23 Sep 2020
Sandeep Mewara
Have a look at these example and try: Create Simple Modal Pop-up with React | WebOmnizz[^] Create simple Popup in ReactJS - Clue Mediator[^] Alternatively, you can popup component like: Reactjs-popup[^]
Please Sign up or sign in to vote.
24 Sep 2020
Richard MacCutchan
It is impossible to answer such a question, without knowing more about you, and more about the jobs that are available. And this site is not the place to find the answers; this is for programming questions. All I would say is, look at other...
Please Sign up or sign in to vote.
29 Sep 2020
Richard MacCutchan
Documentation, Blog and Tutorials can all be found at https://reactjs.org/[^].
Please Sign up or sign in to vote.
7 Nov 2020
h311o
1 alternative  
Hi, I'm making a demo game store app using React JS, and when I add a game to my cart, I want a toast notification popping up saying, 'A new game has been added to cart' or something. So I installed react-toastify and in...
Please Sign up or sign in to vote.
12 Nov 2020
h311o
1 alternative  
Recently I wanted to make a functionality where if the user has added a product to cart, then it will be stored in the Local Storage. I tried to implement this in my Product.jsx file. And this is the code I used to make the product stored in...
Please Sign up or sign in to vote.
17 Nov 2020
h311o
I tried to do the 'save product to the cart's local storage' functionality by myself, but I had a LOT of trouble implementing it, as you can see in my last question. So I've reset everything back to what is what before I implemented this,...
Please Sign up or sign in to vote.
14 Nov 2020
shalawfatah
I'm creating an event countdown on one of my pages. It works well, but there is a warning: ``` Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix,...
Please Sign up or sign in to vote.
23 Nov 2020
Member 12224804
1 alternative  
Hello, I wrote engineering equations and basic on C# as WPF applications. however, I wrote the program as classes .dll and the GUI WPF app. Time has changed, so I want to change my WPF app to a web app or a single page app. the GUI not a...
Please Sign up or sign in to vote.
23 Nov 2020
Richard Deeming
You would need to expose an endpoint on your server which would accept the relevant inputs, perform the calculation, and return the results. You would access that from Javascript by making an AJAX request. Getting Started - Developer guides |...
Please Sign up or sign in to vote.
19 Mar 2021
Malek Hammou
1 alternative  
I am working on a form that is filled by the user and should update other input fields at the same time according to the entered data. For instance, If we have 3 input fields of number 1, number 2 and their sum. How can we update each one of them...
Please Sign up or sign in to vote.
3 Jan 2021
Maciej Los
Google[^] is your friend! One of the results: Node.js and how to listen to WiFi with it |�Hexacta[^]
Please Sign up or sign in to vote.
8 Jan 2021
SaeedPol
2 alternatives  
Hello, Why I can't upload an image to wwwroot folder? Is the usage of Axios correct in my code? I used the react/asp core template. when I run the program it shows the page and can choose an image and press the upload button. But nothing...
Please Sign up or sign in to vote.
8 Jan 2021
Afzaal Ahmad Zeeshan
Quote: Why I can't upload an image to wwwroot folder? First of all, why would you want to have a web browser upload files to your wwwroot folder? That is one of the highest security loopholes that I can think of. Quote: But nothing happens....
Please Sign up or sign in to vote.
8 Jan 2021
SaeedPol
I made a folder and named it images: import React, { useState } from "react"; import axios from "axios"; export const FileUpload = () => { const [file, setFile] = useState(); const [fileName, setFileName] =...
Please Sign up or sign in to vote.
19 Jan 2021
Member 15050147
1 alternative  
C:\Users\yaman>npm -v 6.14.10 C:\Users\yaman>npx create-react-app my-app npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request to http://registry.npmjs.org/create-react-app failed, reason: getaddrinfo ENOTFOUND...
Please Sign up or sign in to vote.
19 Jan 2021
Sandeep Mewara
npm ERR! network request to http://registry.npmjs.org/create-react-app failed, reason: getaddrinfo ENOTFOUND proxy.company.com You seem to be behind an incorrect proxy for npm download. You need to configure the proxy as shared here: Using npm...
Please Sign up or sign in to vote.
28 Jan 2021
Member 15058718
I'm using 'Video' from 'expo-av' to display my videos. My goal is to display the video depending on the Orientation of the device of the user. I'm using 'ScreenOrientation' from 'expo-screen-orientation' so i can detect the rotation using the...
Please Sign up or sign in to vote.
30 Jan 2021
Richard MacCutchan
onclick Event[^]
Please Sign up or sign in to vote.
5 Feb 2021
Member 15066029
Can anyone tell me how to solve these things? 1.if the list is pressed, I'd like to change the background color of the list beige(#FFF5E7) to white(#FBFBFB) 2.Also, I'd like to change the read value of the Object fales to true with useState ...
Please Sign up or sign in to vote.
18 Mar 2021
Vedavyas Velaga
I am appending a text element in DOM using d3, the function will be something like this someElement.append('text') .text('x') .on('click', function (d: ITag) { const tagToRemove =...
Please Sign up or sign in to vote.
19 Mar 2021
Member 4626636
Very good question. A practical one. But unfortunately, I've not seen a proper explanation while googling, so thought of trying to explain it myself. Updating at least one of the state variables will rerender the whole component, (there are...
Please Sign up or sign in to vote.
17 Mar 2021
Member 12224804
Hello, I am programming a SPA using React, ASP.net core and mysql( which this is the requirement). I am using Visual studio 2019, I install node.js and MySQL connector and everything is connected and fine. but one problem I have that when I ran...
Please Sign up or sign in to vote.
28 Mar 2021
geomukkath
I have just started learning react and have stumbled into a problem. I am completely confused at this point. I have an array of books and I am trying to iterate through them. There are two functional components that are used - BookList and Book....
Please Sign up or sign in to vote.
5 Apr 2021
Demogorgon 2021
I have been given a ready made react component, in which I need to pass data as props but somehow I am not able to see the props data when I console log it. Can someone help me understand if I am passing the prop correctly .I am not aware what...
4 Sep 2020
Jeffrey Lee Smith
Raygun’s suite of tools are a lifesaver for developers who are looking for a solution to monitoring their customer-facing applications for issues.
9 Sep 2020
Florian Rappl
In this article, we'll learn how to integrate a data grid into React applications.
5 Dec 2017
christian.gaetano
In this article I walk through the steps to add React’s best data grid – FlexGrid – to your web app using only Facebook’s Create React App, Wijmo, and a few lines of JavaScript.
Please Sign up or sign in to vote.
10 Apr 2021
ONKAR MEHRA
I have been trying to nest stack navigator inside bottom tab navigator and which has been nested into drawer navigator. In terms of nesting, bottom tab navigator is at the top, then bottom tab navigator and then at the end stack navigator. I have...
Please Sign up or sign in to vote.
12 May 2021
houcin olmostaf
I have screen named EditeScreen .it has text input that takes the height of the device . so the problem is when I start typing the text goes above and disappear. any solutions please here is my Text Input component
Please Sign up or sign in to vote.
14 May 2021
Gabriel Segura 2021
When I console.log it only gives me one object and im guessing its because of the way I've deconstructed it. setAgent is iterating over a single object instead of the array of objects. But im not sure how to fix this. useEffect(() => { ...
Please Sign up or sign in to vote.
10 Jun 2021
geomukkath
1 alternative  
I am using two components in react. App.js and List.js I need to use a useState function from App.js, in List.js How can I achieve that ? What I have tried: I am building a basic CRUD to do list in react. I want to delete individual tasks in...
Please Sign up or sign in to vote.
17 Jun 2021
warlordsw
I'm new in React and state hooks.I'm trying to make a website about creating booklist and save it to local storage. Also uploading image to cloudinary. My problem is ; when i trying to save cloudinary image url to the localstorage, it saves...
Please Sign up or sign in to vote.
18 Jun 2021
Nilson Araujo
I've deployed an application in React to IIS on Windows. A basic system, a login screen and a dashboard screen. Upon logging in, it drops to a dashboard screen. And on the panel screen, if I press F5 the 403 error occurs. My routes are:...
Please Sign up or sign in to vote.
31 Aug 2016
Marcelo Ricardo de Oliveira
An e-commerce application made with Asp.Net MVC, ReactJS, ReactJS.Net and React-Bootstrap
Please Sign up or sign in to vote.
13 Nov 2015
Modesty Zhang
Web application evolves to be more component-based, data-driven and service oriented. This article documents what we’re looking for and what we’ve found when evaluating Polymer and React for component-based web application development.
Please Sign up or sign in to vote.
7 Dec 2019
Florian Rappl
Microfrontends present the latest addition to the decoupling efforts of architects - are they worth the struggle?
Please Sign up or sign in to vote.
18 Oct 2016
Dave Ceddia
This is a visual guide to state in React
Please Sign up or sign in to vote.
12 Dec 2019
Fred Song (Melbourne)
Learn how to integrate rest API calls into React-Redux for client-side state management, using Redux to manage the data instead of directly accessing component state.
Please Sign up or sign in to vote.
12 Apr 2017
dsuryd
How to add asynchronous, real-time data stream from a cross-platform .NET back-end to your React web app without much effort
Please Sign up or sign in to vote.
1 Oct 2017
Marcelo Ricardo de Oliveira
Building a tiny e-Commerce on ASP.NET Core, Razor pages, React JS.NET and EF Core
Please Sign up or sign in to vote.
20 Apr 2016
Dave Ceddia
3 minute react test drive
Please Sign up or sign in to vote.
3 Jun 2015
Ashtekar Amit
Building ReactJs component And Integration of ReactJs with AngularJS.
Please Sign up or sign in to vote.
8 Sep 2015
Dave Kerr
How to get started with React and ES6