ShakaCode Forum » ReactJS
1 FOLLOWERS
Topics in the 'ReactJS' category Talk about ReactJS, Flux, and related topics.
ShakaCode Forum » ReactJS
8M ago
github.com
lindelof/particles-bg
React particles animation background component. Contribute to lindelof/particles-bg development by creating an account on GitHub.
1 post - 1 participant
Read full topic ..read more
ShakaCode Forum » ReactJS
8M ago
I want to create one arraylist want to add data in each button click
[
FirstName :“FirstName value”,
LastName:“LastName Value”
Age:“Age Value”
]
I want to add data in to above array each button click and same time i want to keep existing data. How can i achieve this?
1 post - 1 participant
Read full topic ..read more
ShakaCode Forum » ReactJS
8M ago
Hey,
I started to port a old project to reactJS (is a old system project) with some crud forms - I’m a noob in reactjs. I’m using Core UI for template, and used some packeges like: formik, react table v6, react-intl, reactstrap, dfFns … (dont used redux for now).
The core UI build is about 16 MB. My project build is about 80 MB (With something about 70 forms + 70 lists). This build is too large (tremendous large).
This is my form example (this is a simple form, so more complex thing have more imports, code…):
import React, {Component} from 'react';
import { Formik, Form, Field } from 'formik ..read more
ShakaCode Forum » ReactJS
8M ago
In the following app, I’m accessing the random user API and shows a list of 12 users.
App.js
import React, { useState } from 'react'
import UserList from './components/UserList'
const App = props => {
const [id, setID] = useState(null)
console.log(`Passed variable to App.js is: ` + id)
return (
<>
<UserList setID={setID} />
</>
)
}
export default App
UserList.js
import React, { useState, useEffect } from 'react'
import axios from 'axios'
const UserList = ({ setID }) => {
const [resources, setResources] = useState([])
const fetchResource ..read more
ShakaCode Forum » ReactJS
8M ago
I am trying to get some data from my API in react using axios.
I keep getting this error Uncaught TypeError: Cannot read properties of undefined (reading 'id') whenever i try doing something like order.service.id, if i am on the service detail page and log service.id, it displays the id in the console, now, i am in the order detail page and trying to fetch the service that the user have ordered in the order page and i am trying to get the service id from the order like this order.service.id object because the order have a foreignkey to the service, but it keep showing the undefined error ..read more
ShakaCode Forum » ReactJS
8M ago
Hey everyone,
I am new here. I was doing react for sometime and recently stumbled upon svelte (it was after reading an article which contrasted the difference between the two)
I was so inspired to try svelte after that, now after a week it feels that react was such and overhead. In everyway svelte feels better. Speed, productivity, happiness.
What is stopping people and companies to switch to svelte and svelteKIT now that vercel is backing it?
Inspiration:Now That React is Dead, What’s the Next Big Thing? | by Somnath Singh | Dec, 2022 | JavaScript in Plain English
1 post - 1 participant
Read ..read more
ShakaCode Forum » ReactJS
8M ago
Hi i am trying to displaying start rating ,But i get a error
Error is : Uncaught TypeError: Cannot read property ‘setState’ of undefined
class Foo extends Component {
changeRating( newRating, name ) {
this.setState({
rating: newRating
});
}
render() {
return (
<StarRatings
rating={this.setState.rating}
starRatedColor=“blue”
changeRating={this.changeRating}
numberOfStars={5}
name=‘rating’
starDimension=“20px”
starSpacing=“8px”
/>
);
}
}
How to solve this .
Please help me
2 posts - 2 participants
Read full topic ..read more
ShakaCode Forum » ReactJS
8M ago
I am trying to make my private route redirect the user to the login page when he or she is not authenticated with tokens. When I try to go to home page by changing the url it goes to a blank screen instead of going to login. This is my code. How can I fix my private route?
const PrivateRoute = ({ children }) => {
const navigate = useNavigate();
const auth = JSON.parse(localStorage.getItem('token'));
return auth.user ? children : navigate("/login");
}
export default PrivateRoute;
function App() {
return (
<>
<ToastContainer/>
<BrowserRouter> ..read more
ShakaCode Forum » ReactJS
8M ago
Hi,
I am using a customized modal window feature and showing my component inside that modal.
I am showing a small form and existing added options as listing inside modal window.
Data is showing properly inside modal including existing added options
Problem
I am not able to clear my existing data inside modal window,
for example clicking first option on parent window open modal window with 6 options as listing
now on clicking section option, data appended inside existing listing in modal, instead of replacing or clearing the result of previous attempts.
1 post - 1 participant
Read full topic ..read more
ShakaCode Forum » ReactJS
8M ago
Hi Techie,
I need a dropdown in React JS with others option where if we press the other option we can customize the others within the dropdown without an extra input field How can I achieve this?
1 post - 1 participant
Read full topic ..read more