menu

React

A community of developers, designers and others who love React.js. ⚛️

Channels
Team
Show previous messages

August 17, 2020 at 9:58am
review my project
  • reply
  • like

August 24, 2020 at 5:18pm
Hi please see my website and review it,
  • reply
  • like

August 27, 2020 at 3:00am
Am starting with React . From where I should start learning like learn the basic concepts first or start with a mini project with somenone
  • reply
  • like

August 31, 2020 at 12:04pm
Hi Guys, Good morning!
  • reply
  • like
(jaskeerat-singh) you can check scimba.com. I used it when I started with React. There's a free course on React.
  • reply
  • like

September 9, 2020 at 12:19pm
Hi!
  • reply
  • like

September 10, 2020 at 4:41pm
(jaskeerat-singh) Best place for anything React is the official React website https://reactjs.org They have awesome tutorials and many beginner-friendly links to other good resources. I would start here if I were you: https://reactjs.org/docs/getting-started.html
  • reply
  • like

September 17, 2020 at 9:16am
Any idea how to solve this error? I am not getting any suitable information from Google :(
  • reply
  • like
Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute
  • reply
  • like
IF you are rendering image, what type do you choose? optionalArray: PropTypes.array, optionalBool: PropTypes.bool, optionalFunc: PropTypes.func, optionalNumber: PropTypes.number, optionalObject: PropTypes.object, optionalString: PropTypes.string optionalSymbol: PropTypes.symbol,
  • reply
  • like

September 21, 2020 at 7:18pm
hey guys, I made a MMORPG game with ReactJs, if you are interested please take a look :) feedback is really appreciated! https://cybercodeonline.com/
like-fill
1
  • reply
  • like

September 22, 2020 at 6:43am

September 23, 2020 at 12:25pm
^^ is the loneliest number?
  • reply
  • like

September 26, 2020 at 5:48pm
Hey guys I want to ask how should i implement this below bar graph using React
  • reply
  • like
  • reply
  • like
I have tried multiple libraries and failed to build this above UI what should I do???
Edited
  • reply
  • like

September 27, 2020 at 6:15pm
Not sure I'm totally grasping what you'd like to do here but is it not possible to use a mix of CSS grids, flex, and dynamic heights to build this? Use a grid for overall layout, set grid cells to display: flex; to fill, and then update heights of each via class, using new user or API values?
  • reply
  • like

September 29, 2020 at 4:35pm
Not sure I'm totally grasping what you'd like to do here but is it not possible to use a mix of CSS grids, flex, and dynamic heights to build this? Use a grid for overall layout, set grid cells to display: flex; to fill, and then update heights of each via class, using new user or API values?
I think you should use props, and set classes according to the targeted user. Like for example, if(user.name === null) { <div className='images'> followed by the content. You can put it above Render, if you atr using class based component.
Edited
  • reply
  • like

October 3, 2020 at 5:29pm
It likely wouldn't be a react specific library. You could use something like Chart.js https://www.chartjs.org/
  • reply
  • like

October 8, 2020 at 8:20am
Hey guys
  • reply
  • like
What is the proptypes for files? Is it Object?
  • reply
  • like

October 13, 2020 at 7:59am
Hello everyone, How can I change the style of a child component based on the hover of the parent component as I am using React MUI, along with JSS . It's like I have a grid of items based on the hover for each item I want to show a sharp icon. As the icon is a child component of the grid item. *This is my JSX code* function FormRow() { return productIconList.map((product) => ( <Grid container item xs={12} sm={4} direction="column" justify="center" alignItems="center" > <div className={classes.gridItem}> <MoreVertSharpIcon --> This is the icon I want to show up on hover for each grid item className={classes.sharpIcon} fontSize="small" color="disabled" /> <Paper className={classes.paper}>{product.productIcon}</Paper> <Typography variant="subtitle2" style={{ textAlign: "center", marginTop: "10px", fontSize: "0.75em", fontWeight: "100" }} > {product.text} </Typography> </div> </Grid> )); } * MY JSS** root: { flexGrow: 1 },
sharpIcon: { position: "relative", opacity: 0, bottom: "5px", left: "65px" }, gridItem: { background: "#fff", padding: "10px", borderRadius: "5px", "&:hover": { background: "#eee", cursor: "pointer", sharpIcon: { opacity: 1 } },
},
Please suggest me the possible solution
Edited
  • reply
  • like
I don't see key, do you use key?
  • reply
  • like
Show more messages