I am building react app that is about video tutorials. I am planning to store around 40-60 videos around 40-50 MB each in public folder of my react app. Is that good approach, will that affect performances of react application?…
I'm creating a mini project in React, I have an issue in the following code; function Medwiki(props) { const medicines = [ { name: 'Medicine A ', details: 'Details of Medicine A', image: '../assets/pngegg.png' }, { name: 'Medicine B ',…
I'm starting a new project and have an idea on functionality I would like to implement however I am not sure how it would be done architectually. I would like to have a React based web application which displays information…
export default class App extends React.Component { constructor(props){ super(props); this.state={ show:true } } render() { const toggleDisplay=()=>{ this.setState({show:!this.state.show}); } return ( <div className="App"> {this.show&&<ChildrenUnmounting onclickfun={toggleDisplay} />} </div> ); } } class ChildrenUnmounting extends React.Component { constructor(props) { super(props); alert("constructor is…
I'm trying to create a React web app, I have a navbar. It was working fine actually. But it reloads every time when navigating. I dont want the page reloads when we navigate with the navbar. This is my navbar.…
I am tryiing to make next js 13 mdx blog website with the latest app router I am getting this error => Module not found: Can't resolve 'fs' In next js 12 and pages directory its working but in the…
I am new to React Native and I try to implement a "reset feature" in my game. And allthough the game data is reset correctly I can't find out how to rerender the components that are displaying the elements... Note:…
I implemented i18n into my app and i have a navbar data file, which is the data base for the page title and the tabs, i need to implement th i18n useTranslation(); into it and im not sure how. here…
I have this React code defining optionTemplate which is intended to be passed as a prop of a React component. const optionTemplate = (option) => { return ( <div className="flex align-items-center gap-2" style={{ fontSize: "1.5rem" }} > {option[props.optionGroupChildren[0]] && (…
I have created a Text component which receives couple of props. These props are passed to the styled component, where styles are applied. I dont want to pass props to the DOM, I only want to access them inside styled…