Questions tagged [react]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
2 answers
120 views

Build an API for a graph app with + 30 millions data points

I am quite new to design software and especially graphs. So I am working on a full-stack app with a back-end built on FastAPI (python) et front-end on React. I need to create 4 graphs on a single page ...
intern_2004_uk's user avatar
0 votes
0 answers
20 views

React Design - Parent / Child Interaction with Async State

I have a situation involving a parent component, children, and async fetch operations, and I am wondering how to best structure it. The current code structure I have is as follows: I have a parent ...
713sean's user avatar
  • 131
0 votes
1 answer
119 views

How to Structure a Client Consuming an External API?

Context: I am building a site that is essentially just a UI for eBird's API. My first question is about naming. Wikipedia defines a client as "a piece of computer hardware or software that ...
Christopher Fimbel's user avatar
0 votes
0 answers
67 views

Implementing a wizard using Atomic Design with React Hooks. Is it a bad practice to use a hook-only-child component to orchestrate the parent?

We're currently developing implementing a wizard in React Native application using Atomic Design (Pages, Templates, Organisms, Molecules, Atoms), and React Navigation. The wizard will have a progress ...
Jose A's user avatar
  • 275
0 votes
0 answers
66 views

Structure and usage of complex React components

Let's say I have following footer on my website. Now, I am trying to figure out, how to implement it as React component properly. Note that subcomponents have dynamic content (list of links, partners....
Pavel Štěrba's user avatar
-1 votes
2 answers
234 views

UI/UX design feels like waterfall, What do you think should be the proper process?

I'm currently working as Fullstack developer, our frontend is being built in React. Our current process involves: The client / product owner describes a feature to the UI / UX designer. The designer ...
Guiom's user avatar
  • 31
1 vote
2 answers
814 views

What is the Advantage of React JS over Pure Javascript + PHP?

What exactly is the purpose of React JS? I've heard a few things, like: It updates the page without refreshing. It is modular and can reduce redundant coding. It is faster than updating the DOM ...
Kenneth Dang's user avatar
1 vote
2 answers
1k views

Preventing parent component re-rendering of a big React component when you "Lift State Up"

I have a very big form - let's call it <MyForm> - consisting of the following: text fields and dropdowns custom selector made of selectable cards table input (for this example 50 rows with each ...
Hans's user avatar
  • 121
-1 votes
2 answers
184 views

What to do when forced to initialize functions in createContext

What do I do in this situation? Do I just initialize dummy functions in place of signup, login, and logout? It seems so unnecessary since they are defined in AuthProvider. type AuthContext = { ...
Sebastian Nielsen's user avatar
1 vote
1 answer
394 views

How do I share translations between a .NET application and a react application?

I currently have two applications where one is a landing page (built in react) and another is a web page that lets users explore data (Written in ASP.NET 4.7). I'm currently using resx files to handle ...
avenmia's user avatar
  • 121
1 vote
1 answer
254 views

Re-export (certain) library components from barrel file

Situation At the project I'm currently working on we're using Chakra UI to create our UI. But I guess this question applies to whatever (UI) library you're using. There are certain components that ...
Jap Mul's user avatar
  • 111
0 votes
3 answers
1k views

In which scenarios is server-side rendering is better choice than the front-end JS libraries like React, Vue, Angular etc.?

As a Java developer, I just have scratched the surface of Javascript libraries like React, Angular, Vue etc. It seems that theoretically any web applications with server side rendering, like Spring-...
Rui's user avatar
  • 1,569
-3 votes
2 answers
109 views

How much should a react frontend application be automated tested? [closed]

I'm backend developer working on a very backend heavy application. So most of the business logic is writen in the backend. In our project we are considering a full rewrite of the frontend. Currently ...
Peter Mølgaard Pallesen's user avatar
0 votes
0 answers
281 views

Best route for multiple user roles with toggleable permissions with React and Django Rest Framework

What is the best way to create dynamic user roles that can have toggleable permissions? I am currently creating my very first website which has a react front end with redux toolkit and redux saga and ...
Asif333's user avatar
-3 votes
1 answer
112 views

Sharing React Native Component as a "black box"

I'm looking for a way to share a React Native component with 3rd parties without having to share the actual source code. Something like a .jar in Java or a .dll for C#. So assuming we have company A ...
Gr3at's user avatar
  • 121
0 votes
1 answer
95 views

Is an API consumption component an antipattern

I have simple API that my React App can use to communicate with my backend. The API has different endpoints and 3 different versions and works like this: We have the public URL, that anonymous users ...
user2741831's user avatar
1 vote
1 answer
128 views

How can I write integration tests if I need dynamically generated values from a javscript file?

We have a react website that, as part of it's process, loads a dynamically generated javascript file from a third party. It uses some of the scripts in this javascript file to generate values, which ...
David Jacobsen's user avatar
-3 votes
1 answer
356 views

React one-way data binding vs Angular two-way data binding

After hours of reading blog posts, I understand that React has one-way data binding, and Angular has two-way. But I don't actually know what that means.... React import { useState } from 'react'; ...
Paul Draper's user avatar
  • 5,982
1 vote
1 answer
162 views

SPA browser-based routing: external routing table for both frontend (React) and backend (Go) use

I have a Single Page Application that uses React-Router and is served via Go backend. The pre-built static app is accessible at app.com which then uses app.com/api to load dynamic data. If a user goes ...
Coupcoup's user avatar
  • 200
1 vote
0 answers
184 views

Rest API backend and React frontend is MVP?

I'm doing a website that has a React frontend that calls some RESTful API and I would like to know if this is an MVP pattern. I think that the React application implements the View and the Presenter, ...
Lorenzo Felletti's user avatar
-3 votes
2 answers
305 views

Cloudfront distribution having multiple domains

I am developing a multi-tenant project that will be a kind of micro "ecommerce" and therefore customers will be able to create their own stores and will be able to choose between creating a ...
João Silva's user avatar
2 votes
1 answer
143 views

Golang / React Webapp Architecture

A project is structured as so: A build server listens to changes in two repositories: a frontend and backend repo. When it picks up a change it builds, tests, and deploys the updates to a production ...
Coupcoup's user avatar
  • 200
3 votes
0 answers
332 views

How do I architect reordering in database?

I'm building a todo list app and using react-beautiful-dnd on the frontend to allow users to reorder tasks. I'm trying to work out how to persist changes to the database when a user reorders items. ...
mrseanbaines's user avatar
0 votes
1 answer
531 views

Is it an anti-pattern on React to search for children with a specific element type?

Context When designing the API of a React component, you may decide to receive props in a more semantical way. Here's a simple example <Modal headerTitle="foo" /> vs <Modal> &...
Christopher Francisco's user avatar
0 votes
2 answers
2k views

How to design front-end to handle multiple back-end versions

In my company, we're using Spring Boot to implement backend API and React to implement frontend including Web interface and Android/iOS apps. Since our product is an Enterprise software, customers ...
JamesBoyZ's user avatar
  • 245
1 vote
1 answer
192 views

Building a form based on json object?

I'm currently refactoring an older legacy application and use React to rebuild some of the former functionality. This application has a form which has +10 different input fields. The aim is to kind of ...
tschaka1904's user avatar
1 vote
0 answers
150 views

Does the React (and Vue.js) frameworks support extensibility?

Please forgive me if I am mixing up the terminology here, I'm a bit unfamiliar with it. I wanted to find a way to support extensibility in a web application; I wanted a web application that was ...
michael's user avatar
  • 119
5 votes
3 answers
508 views

How to manage chaotic code explosion in React application

So we decided to redo UI of our web application in React. Six months down the lane and we have a complete mess of components and reducers and thunks and actions and god knows what not. We have ...
lahory's user avatar
  • 305
-4 votes
1 answer
128 views

Use React to parse a file (serverless)

I have a design question and am hoping for some validation. I want to create a 'serverless' web app which will parse a csv file and return an XML file. I will have a single page react app hosted in ...
user3437721's user avatar
2 votes
1 answer
241 views

Using Django Sessions when views are accessed by API

I'm making an app which is a Django backend and a React frontend (being developed by someone else). The plan currently is to fully decouple the two and have them communicate over API. However, I would ...
Neil's user avatar
  • 219
-4 votes
2 answers
588 views

Confused about AWS dev: How to use React with Python in my lambda functions?

I'm very new to the serverless and backend world. I've been looking at tutorials on youtube and on serverless-stack.com (which is really good btw) and they mostly seem to cover React frontend ...
EnterPassword's user avatar
2 votes
0 answers
2k views

Updating nested state with React Hooks and Typescript - performance vs clarity

I have some deeply nested react components. Let's limit them to 3 levels of nesting and call them Parent, Children and Grandchildren. The state for the entire app is stored in a single object in the ...
Irfan434's user avatar
  • 187
2 votes
0 answers
41 views

How authorize web application and manage sessions

i am building a single page react app that uses redux as state manager and an express node js as backend server but i don't know what is the best way to authorize my users in the application! if it ...
amin msh's user avatar
  • 129
-4 votes
1 answer
1k views

Why isn't React recognizing the CSS file I've linked in Index.html?

I've built a meme generator using React as an early project to master the basics. I have 6 files in my "mememaker" folder on my desktop, which I created using "create-react-app". They include: index....
Tanishq Kumar's user avatar
2 votes
1 answer
703 views

Render constant props components from an object or by hand?

Lets say I have a component that render some "static" information and another one that is the parent of these components. function Foo(){ ... return ( <Bar name="I" {......
Vencovsky's user avatar
  • 351
-2 votes
1 answer
97 views

What does app class means? [closed]

In framworks for developing app whether it be a joomla or react or angular i see app class. What does it mean. Like if there is some user class, or some input class or that make sense for some purpose ...
bikashamit's user avatar
-2 votes
1 answer
304 views

How to configure a React app for different environments

We're configuring the build and release pipeline for our frontend code which is built with React. The final output is just some static HTML/Javascript code. The differences between environments are ...
s g 's user avatar
  • 115
1 vote
0 answers
129 views

Is there a standard convention for onChange handlers for react components?

It seems that some components like to pass an event as the first (or only) argument for a change event, eg (the native input, Material-UI's TextField) and then the programmer accesses the value with ...
dwjohnston's user avatar
  • 2,543
4 votes
1 answer
3k views

Form validation code shared in the frontend and backend API?

I have a legacy Java monolithic web application. My goal is to use React on the frontend, keep Java on the backend and add an API for the frontend to use. My question is how can I write the data ...
Dan's user avatar
  • 41
2 votes
1 answer
92 views

ReactJS - lift state to main container or export a helper?

I'm using ReactJS (React Hooks, specifically) to build an application. Part of that application involves account creation, sign-in, and authentication. I only recently finished the sign-in feature, ...
IceMetalPunk's user avatar
1 vote
0 answers
30 views

Render GUI from React component functions

I'm not sure if this is the right way to build React components. I have a component with several buttons that call different functions in the component. In some of the functions I need to display ...
Mr Zach's user avatar
  • 269
5 votes
1 answer
2k views

Domain classes in DDD structure in React apps?

I'm building an Electron app using React. I'm coming from the C# and WPF world and I'm wondering, where should my domain classes go? I understand the concept of components, but what about a class with ...
Ish Thomas's user avatar
0 votes
0 answers
60 views

Ist good practice adding Converter Between api and client

I just want to curious about adding a converter is a good practice or not. I have multiple API and I always convert API return fields to my client fields. Like=> function ConvertFromAPI(apidata){ ...
Loran's user avatar
  • 101
-1 votes
1 answer
212 views

Why is it called a functional component?

A quick google search shows that the question I have has not been asked directly, and so I ask it here. For what its worth, I am learning react, and I come from a C++ background, where as far as I ...
Anon's user avatar
  • 3,575
2 votes
0 answers
91 views

Where to store the state of a complex form in React?

Let us consider a complex form of registering a driver and owner. The driver will have all these fields: driver = { firstName: "xyz", lastName: "abc", phone: "1234", email: "[email protected], licence: "...
Malik Bagwala's user avatar
0 votes
0 answers
455 views

How to handle server side pagination + processing large sets of data

So lets say I have a SQL query made by a server that fetches up to thousands of records at a time and I need to display those records in a grid(similar to AG Grid) on the client for the user to review....
Aman Saran's user avatar
0 votes
1 answer
916 views

"Fetch the data if it doesn't exist" selector?

Let's say I have a react component like this: const MyComponent = ({data}) => (<div>{JSON.stringify(data)}</div>); const myReduxSelector = (state, id) => state.someData[id]; ...
dwjohnston's user avatar
  • 2,543
4 votes
0 answers
492 views

How should a non-React component subscribe and respond to Redux state changes?

I’m new to React/Redux tools and still figuring out some idiomatic design patterns. Here's a scenario: A user adding a place marker 📍 (that has some associated metadata) to an interactive map (...
danwild's user avatar
  • 149
0 votes
0 answers
31 views

How can I manage the state of my application using a dedicated object instead of what React offers?

Most of the react application I've seen are organized with components that, in my opinion, do too much. They may follow this pattern: class MyComponent extends Component { constructor() { ...
heapOverflow's user avatar
0 votes
2 answers
122 views

Should / When to create javascript object to serialize data?

I'm working on a React/Redux application. I receive a data object from the api resembling this: const dataObj = [ { id: 1, name: "Filo", activity: 9, info: { statusCode: 4 ...
mtmoran's user avatar
  • 103