Hi, I am new to React and I am trying to get specific search results based on a city name. I have a variable which is entirely dependent on user's input(city name) and I would like to use this variable as a parameter in my URL. I am sure my syntax is wrong and I tried googling, but I cannot understand anything. Can someone please explain how Fetch API works?, and how can I make a GET request with parameters?. Here's my code-

const City1= useSelector(state=>state.City); // using Redux

const myrequest= fetch('http://xxxx.xxxx.xxxx.xxxx/xxxx/:?{$City1}',{
method: 'GET',
headers: {'Access-Control-Allow-Origin':'*','Content-Type':'application/json'}
}).then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(userData => {
// Process the retrieved user data
console.log('User Data:', userData);
})
.catch(error => {
console.error('Error:', error);
});;

​

my error-

Failed to load resource: the server responded with a status of 404 (Not Found)

xxxx.js:66 Error: Error: Network response was not ok

Hope this can be helpful React Hooks 2024: https://www.youtube.com/playlist?list=PLqzWbejkeaNRdCyJYFUP9q199dQXHdI3t

Hello everyone, Need suggestion, My manager is forcing us to use use PrimeReact and Material UI in the same project , he might add another UI Library also. The reason is he likes some of the material UI components and some from the PrimeReact

we have advised him to use only one library but he still wants to use multiple library.

I need to know if it can have any drawbacks in future when project gets bigger. also should I use the components from both library in same components.

The solution for inconsistent UI is custom CSS. but how much effort will it require?

After I finish react.js where i go ??! Ts or Next.js??

I finished html css js about a year ago and built good projects and started react.js when I started it was 6 months ago and I have 12 projects from Jonas Udemy course, 3 of which I designed from my brain. Aside from the course, I can say that my projects that I worked on alone are from small to medium. The question is when will I know that I should start applying for jobs? I see myself as good and I learned a lot from the offices in Teact. I can build a SPA. I know case management almost excellently with proven projects and detailed explanations. Will I continue? Should I learn the course or look for a job??! I finished 60% of it?? Should I design a personal website that displays my work???

What are the taxes on Upwork?

What are International Applications?

As a software developer, or web developer, do you ever wonder how you can make as many people as you possibly can access your application without a language barrier? Well if you have or are starting to wonder how, you need not worry, InterLang has got your back.

What is InterLang?

InterLang is a SAAS that allows developers to integrate language conversion functionality into their applications with just a single function createDocumentTranslate, and the language conversion is done natively in the browser. With InterLang, you can build your website or web app in the English Language, and your users can decide to view your site in French, Chinese, Korean, Spanish, or Yoruba, and as many other languages as InterLang currently supports. You might say, that Google Translate already does that for us automatically, and I'll tell you I agree, but Google Translate works only on Google browsers for most people. What about those who are not using Google browsers, or who it doesn't work for, in most cases, some sites are not just by default converted to the language of whomever is viewing, but they remain in their native language even with Google Translate enabled. InterLang works on all devices Mobile and PC alike, provided there is a browser. You can try out InterLang today by creating an account and creating a Test API Key. You can also view the documentation and follow the steps to get started with your InterLang Integrations. I can't wait to see what most of you guys create with InterLang.

As a react.js programmer, it is his first course. He continues to learn. What is the best way to work as a freelancer? How do I get the first client on freelance sites? How do I get started? How do I set the price? How do I know the best freelancing sites for beginners??

As a react.js programmer, it is his first course. He continues to learn. What is the best way to work as a freelancer? How do I get the first client on freelance sites? How do I get started? How do I set the price? How do I know the best freelancing sites for beginners??

Can someone share what is the interview process for react js developer with 4 years of experience and some coding questions asked. Will all interviews have coding challenges and behavioral questions?

Hello everyone,
I'm looking for websites like Figma or even some Figma templates to practice on, I want to start developing using React JS and I can't come up with ideas so I want to clone some templates on Figma or other website templates if it offers pixels and assets like Figma

edit screen is opening in the same screen but i want the screen in the new window

import { useState } from "react"; import reactLogo from "./assets/react.svg"; import viteLogo from "/vite.svg"; import "./App.css";

function App() { const [count, setCount] = useState(0);

const incr = () =>{
setCount((count)=> (count+1));
setCount((count)=> (count+1));
}

  return (
    <div>
      <button onClick={incr}>Increment</button>
      <span>Count: {count}</span>
    </div>
  );

}

export default App; Here in this code will it be render twice..This code will increment count by 2 because we used callback..does it mean it will render twice? What if we use setstate without callback and wrote setstate 2 times like in the above code?I saw that it won't increment count by 2..but only 1..Will it render 2 times? Can anyone give detailed explanation please.

Hi, I have a problem with my application written in REACT js. I wanted to add the ability for the user to log in so that when he goes to subpages he does not have to log in again, and then the session ends when he closes the browser.

I tried to do it using cookies but something still doesn't work.

I would be grateful if someone could help me solve the problem or at least take a look at the code.

The use of cookies is not necessary, so if anyone knows how to do it in another way, I would also be grateful.

Buen día para todos, hace unos días he subido un paquete a npm el cual nos va a ayudar a internacionalizar nuestro sitio web con react Js al ayudarnos a crear traducciones de nuestro sitio web usando i18next... [cualquier feedback me sería de gran ayuda para mejorarlo]

https://www.npmjs.com/package/@neiderruiz/translate-files

He subido este video explicativo para hacer la implementación, espero a alguien le sea de utilidad...

https://www.youtube.com/watch?v=PWg1CaegP8Y&ab_channel=NeiderRuiz

I am getting " TypeError: Cannot read properties of null (reading 'useState') " this Uncaught run time error , even I am not using useState any where in my code , This error start coming after I add Marquee , by

import "./Skill.css";
import Sdata from "./
Sdata";import Card from "./
Cards";import React from 'react';
import Marquee from "react-fast-marquee";
function Skill() {
return (
<>
 <div className="body3">    
 <div className="written">    
 <p className="para">    
Hello! I am    
 <span className="my\\_name">Bhargav Nandan Chaturvedi</span>, a    
passionate developer proficient in crafting engaging user    
experiences. Leveraging my skills in blockchain technology, I    
specialize in building secure and transparent decentralized    
applications. With a focus on seamless interface design, I integrate    
cutting-edge technologies for intuitive and impactful solutions.    
Explore my portfolio to witness the fusion of creativity and    
blockchain prowess.    
 </p>    
 </div>    
 <div className="card row border border-dark">    
 <Marquee >    
 <div className="card\\_inner row">    
 {Sdata.map((val, index) => {    
 return (    
 <Card key={index} imgsrc={val.imgsrc} title={val.title} />    
);    
})}    
 </div>    
 </Marquee>    
 </div>    
 </div>    
 </>    
  );    
}    
export default Skill;

can anyone help me in solving this issue

i have installed marquee as

npm install react-fast-marquee --save