Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Feb 05 2017 13:29
    @listochkin banned @byhub
  • Sep 27 2016 12:16
    @listochkin banned @vsevolodg
  • Mar 17 2016 14:10
    User @ALF-er unbanned @xgrommx from this room
  • Mar 17 2016 14:10
    User @ALF-er unbanned @chicoxyzzy from this room
  • Mar 17 2016 14:06
    @ALF-er banned @xgrommx
  • Mar 17 2016 14:06
    @ALF-er banned @chicoxyzzy
  • Jan 03 2016 23:34
    @RReverser banned @vasivas
  • Mar 27 2015 20:23
    User @RReverser banned @doneck-russia from this room
  • Mar 19 2015 20:58
    User @mr-mig banned @pgr-ru from this room
  • Mar 14 2015 23:15
    User @mr-mig banned @putin-hero from this room
  • Mar 14 2015 22:29
    User @mr-mig banned @stepan-bendera from this room
jankojjs
@jankojjs
hello people, company i worked at went (as php dev) out of business, so I took an opportunity to pick up ReactJS. So I built a project management tool with time tracking, list making, task making, labeling, inviting people to projects, etc... Is there a bored soul out there willing to take a look
jankojjs
@jankojjs
@berniedev007 hello bernie is job offer still up for grabs?
bernie
@berniedev007
@jankojjs DM me please
Zerka1982
@Zerka1982

Hi guys!

How can I check is email contains gmail after the character symbol ?

(@)
jankojjs
@jankojjs
is it a string?

const string = "example@gmail.com";
const substring = "@gmail.com";

console.log(string.includes(substring));

Zerka1982
@Zerka1982
The idea is this: if a user inputs an email that contains “gmail” after “@”, then I need to validate that the email ends with “.com”
s8055s
@s8055s

I am understanding the concept behind these questions if you get a related link or any info please let me know.

  1. How the browser manages ES modules loading and unloading?

  2. How does loading many frameworks as shared dependencies could impact the performance?

1 reply
KasimMalik
@KasimMalik
hii
Rafael Inácio
@inacio0196
Hello!! I have a textarea field and I need to highlight it for the user when he puts in a keyword such as "+project", "@context". the idea would be to put a highlighted background over the typed word but i have no idea how to do that, could you give me a light, it's not a code editor just a textarea, thanks.
Smart Dragon
@letteldream
Hi, I'm Quinn Lee. I'm BlockChain Developer with experience in building Dapps, an NFT marketing place.
I have developed some NFT minting, Defi sites in Ethereum, BSC integrated with web3js, Etherjs using react, Vue frameworks. I really want be part of you , to be your friend, to help each other.
Mohamed Haidar
@mohed
Hello. Happy to be here. I have been working in react for the past couple of months and thought it was a good idea to join this comunity.
violet-tiger
@violet-tiger
Noob question, I have an element <UserInfo />, and the props field is {props.author.name}, how do I access props.author.name? <UserInfo author.name ="Jon">?
elad ben aderet
@eladonline
@violet-tiger
    <UserInfo author={ author.name }>
Abhishek Chaudhary
@theabbie
Joy Ayitey
@CharaD7
Hello family, I am new here, just starting out with React and want to be up and running ASAP. Happy to be here and hope to be in your care
arkankhanpathan
@arkankhanpathan
Hello @all I want to deploy me react application on azure devops and I need yaml template for the same if anyone can help me with that i will be thankful to him/her.
Aaron Gray
@AaronNGray
Are there any good free tutorials that will take me through routing and doing login/signup components. I am having some real conceptual difficulties understanding how to use react properly.
27 replies
Aaron Gray
@AaronNGray
ideally a course ?
deepak21devops
@deepak21devops
Aaron Gray
@AaronNGray
Great thanks @deepak21devops
Tapesh Patel
@tapesh02

Hi, I have a question,
How to add watchlist/wishlist item to MongoDB using nodejs and react js?

Please the link for details description:
https://stackoverflow.com/questions/71468023/how-to-add-watchlist-wishlist-item-to-mongodb-using-nodejs-and-react-js
Thanks a million for the help

deepak21devops
@deepak21devops
I am working on reactjs projects. if interested lets collab and build something
Joy Ayitey
@CharaD7
@deepak21devops I am relatively new to React, I am learning to land a job in the Blockchain world. Do you mind if we do this ro would you recommend I develop a bit of in-depth experience before collaborating with you?
sumanth-74
@sumanth-74
@toptaldev93 are u a mern dev?
Tayyab Yasin
@Tayyibyasin7860

I am working on reactjs projects. if interested lets collab and build something

Hi @deepak21devops, I have 3 years of experience in Laravel framework and now I want to be fulstack and to do that, I have started to learn react js. I would like to collaborate with you

faridvl
@faridvl
hi anyone knows some react rich text editor where i can do mentions like facebook?
bernie
@berniedev007
Anyone looking for a react full time position ?
Please DM me.
PakDragoon
@PakDragoon
I am working on react project. I am recording a video with react-media-recorder package. Now i want to store the recorded video direcrly into the mongodb. Does anyone have knowledge about where that video blob is getting stored?
1 reply
brahimkraiem
@brahimkraiem
hi how can i change language for react salesforce Datepicker https://react.lightningdesignsystem.com/components/date-pickers/
Nisase
@Nisase
mamalisundaray
@mamalisundaray

Hi Everyone, LinkedIn is hiring a Software Engineer - Android. Anywhere in the US, full time.

In this role, you will design and execute user-facing features for the native LinkedIn app as well as LinkedIn Learning app on Android devices, by leveraging mobile operating system frameworks for multi-threading, persisting data, and managing user experience and graphics across multiple screen sizes.

Key Skills: API, Android, OOP, (MVC/MVVM/MVP), Data structures and Algorithms

Please send your resume directly at masundaray@linkedin.com, or ping me if you have any queries.

Amresh Kumar
@AmKreta
https://www.youtube.com/watch?v=rqtKGGTlQC4, check out my new react project
Suchitra Giri
@SUCHITRAGIRI

Deployment issue with github pages:
after commit all the changes pushed to github remote repo, then
added the url of homepage https://<username>.github.io/<app-name> in package.json file and
also added this to script

"predeploy": "npm run build",
    "deploy": "gh-pages -d build",

then run
npm run deploy
but the deployed link showing nothing blank page(

Suchitra Giri
@SUCHITRAGIRI

When it didn't work I tried this..
homepage: https://<username>.github.io/
then

"predeploy": "npm run build",
    "deploy": "gh-pages -b main -d build",

and then again deployed but this time I have another new issue..
in github something pushed annoying,

and these are my actual files which I pushed..

Screenshot (1).png
Screenshot.png
Suchitra Giri
@SUCHITRAGIRI
@brahimkraiem @AmKreta @Nisase @CharaD7 please
help me out!
Joy Ayitey
@CharaD7
Hello @SUCHITRAGIRI, do you want to revert to the previous files before trying to redeploy?
Kindly check the commit hash for the previous push if you want to revert to that and use git revert {commit_id}
Then push again. Also, kindly be sure to wrap your homepage like this "homepage" : "http://<username>.github.io/<app-name>"
Suchitra Giri
@SUCHITRAGIRI
Hi @CharaD7 actually I am facing issue when I add homepage url
Let suppose I added this, in package.json file
"homepage" : "http://<username>.github.io/<app-name>"
but after adding this when I type the command for run my application it start at localhost:3000/<app-name> instead localhost:3000/
so, blank page is showing:(
How to fix and same with deployment!
Suchitra Giri
@SUCHITRAGIRI

For now locally I have changed my "Home" component route / to /app-name, then it works fine and render the page!

But in deployment, it also shows…

This is my APP.jsx component

import "./App.css";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import CardSection from "../DisplayBookContainer/CardSection";
import DisplayBook from "../DisplayBookContainer/DisplayBook";
import Home from "../Home/Home";
import NavBar from "../NavBar/NavBar";
import Footer from "../FooterContainer/Footer";
import { createContext, useState } from "react";

console.log(CardSection);
export let globalData = createContext();

function App() {
  const [searchData, serSearchData] = useState("");
  return (
    <globalData.Provider value={{ searchData, serSearchData }}>
      <Router>
        <div className="App">
          <NavBar />
          <Routes>
            <Route exact path="/bookstore" element={<Home />}></Route>
            <Route exact path="/results" element={<DisplayBook />}></Route>
          </Routes>
          <Footer />
        </div>
      </Router>
    </globalData.Provider>
  );
}

export default App;

But in home page it showing look like this

The code for Home compoment is

import React from "react";
import FeatureAuthor from "../FeatureAuthors/FeatureAuthor";
import GallaryCardContainer from "../GallaryContainer/GallaryCardContainer";
import CollectionSection from "./CollectionSection";

function Home() {
  return (
    <div className="App">
      <CollectionSection />
      <div className="flat-banner">
        <img
          src="    https://d2g9wbak88g7ch.cloudfront.net/promotionimages/1_alltimefavourite.jpg"
          alt="banner img"
          style={{ maxWidth: "100%", marginTop: ".2rem" }}
        />
      </div>
      <GallaryCardContainer />
      <FeatureAuthor />
    </div>
  );
}

export default Home;
1 reply

Screenshot (2).png

It is showing like this but it should be ..

Screenshot (4).png
@CharaD7 @ @blia @vkartaviy @PixelsCommander Plz help!
Luca Trubbiani
@trubbio83

Hi guys...I'm a bit new in react ..try to build something using react/redux..... I got a the following problem... I would like to dispatch an action an get back the promise
for example I have a modal to update a user profile. Once the action is dispatched and the back-end return I would like to close the modal.

I tried this bat I get the following error

dispatch(updateProfile(formData)).then(() => console.log('profile updated'))

Uncaught TypeError: dispatch(...) is undefined

This happened because I call .then after the dispatch... How can I get a promise from that?

any help would be appreciated...thanks to all!