Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
Ahmed Rebai
@Rebaiahmed
you need to integrate reactjs Library in your web page
Dinesh Kumar
@Dinesh5799
Hi
Hi
I need some help with react build
I had my react app using npm run build
but when I deployed it to s3 and I open it in my browser I am able to see all my folder structure of components and even the code .
Can someone suggest me with a good and secure practice for building a react app
Nadia
@nadiaschutz
i mean what can i use for debugging such issues? never done it before
Dinesh Kumar
@Dinesh5799
@nadiaschutz Do you have access to the source code?
prasaddara
@prasaddara

Hi There, I have build an react application using webpack. i am getting an issue like : describe: optionsSchema.definitions.output.properties.path.description,
^

TypeError: Cannot read property 'properties' of undefined

image.png
Could you please suggest me anything wrong.
Babatoonday Mattieu
@bbmattieu9
TypeError: this.state.developers.map is not a function
import React, { Component } from 'react'
import './App.css';
import Developer from './Developer/Developer';

class App extends Component {

   state = { 
    developers: [
      {id: 1, name: 'Mattieu', role: 'Full-Stack'},
      {id: 2, name: 'Jeff', role: 'Full-Stack'},
      {id: 3, name: 'Damilola', role: 'Mobile Dev'},
      {id: 4, name: 'Sunday', role: 'Software'}
    ],
    showDevelopers: false
  };


  nameChangedHandler = (event, id) => {

    const developerIndex = this.state.developers.findIndex(dev => {
      return dev.id === id 
    });

    const developer = {
      ...this.state.developers[developerIndex]
    };

    developer.name = event.target.value;
    const devDetail =  [...this.state.developers];
    devDetail[developerIndex] = developer;

    this.setState({developers: developer });
  }

  deleteDeveloperHandler = (developerIndex) => {
    // const allDevelopers = this.state.developers.slice();
    const allDevelopers = [...this.state.developers];
    allDevelopers.splice(developerIndex, 1);
    this.setState({developers: allDevelopers});
  }

  toggleDevelopersHandler = () => {
      const doesShow = this.state.showDevelopers;
      this.setState({ showDevelopers: !doesShow});
  };


  render() {
    const style = {
      backgroundColor: '#4baea0',
      font: 'inherit',
      border: '1px solid #4baea0',
      padding: '8px',
      color: '#fff',
      fontWeight: 'bolder',
      cursor: 'pointer',
      borderRadius: '4px',
      boxShadow: '1px 1px 2px 2px #4baea0'
    };

    let developers = null;

    if (this.state.showDevelopers ) { 
      developers = (
        <div>
          { this.state.developers.map((developer, index) => {
            console.log(this.state.developers);
            return <Developer 
                      click={() => this.deleteDeveloperHandler(index)}
                      name ={developer.name}
                      role={developer.role}
                      key={developer.id}
                      changed={(event) => this.nameChangedHandler(event, developer.id)} />
          })};
    </div>
      );
    }

    return (
      <div className="App">
        <h1>Divergent Developer Circle!</h1>
        <button
                style={style}
                onClick={this.toggleDevelopersHandler}>Toggle Developer
          </button>
          {developers}
      </div>
    );
    }

}

export default App;
Justo Ramon Gonzalez Chavez
@jrgonzalez3
hola a todos, alguien q hable spanish?
could someone implement react-starter-kit with local storage using sequelize and sqlite?
Guillermo García López
@memogl25_twitter
Is it possible to use a sequelize model (e.g. User) and bring all the users from the DB and use them in a react component? Or do I have to create an API in the same RSK project to achive that? I can't find a good solution.
Pedro Diaz
@Pjdaze
any one here
Pedro Diaz
@Pjdaze
hola
Ahmed Rebai
@Rebaiahmed
Hola
Yinabled
@Yinabled
what's the right way to add components to the boilerplate frontend with styles?
Divyesh Bhalala
@divsbhalala
image.png
hi,
I am getting route not found error but it's work perfect can you please help me in this
Ahmed Rebai
@Rebaiahmed
@aquinn637 try with expo
you can build for both android and ios
zackmoun
@zackmoun
Hello Everybody, I'm React Developer I'm looking to join team to start working on reactjs or react native projects
axlivan
@axlivan
hello
akshaykatiyar
@akshaykatiyar
hii
Kamran Tahir
@EvilSpark
hey guys, it is showing error on stylelint --fix on variables.css not found in config
Abdoullah TAHRI JOUTI
@tj.abdoullah_gitlab
hi, what is the username and password for the react starter app ?
Shak Daniel
@shakdaniel
Anyone knows how to test a ternary operator using Jest? Ex…
return ( 
  <div>
    <div onClick={toggleCtrl.setOpen}>Toggle</div>
    { !isOpen ? <h1>Hide</h1> : <h1>Show</h1> }
  </div>
);
Soroush Chehresa
@soroushchehresa
hj2100
@hj2100
Hi
nice to see you all
Mohammed Ali Abdul
@mohdalivas
Hi
I want to change the port of react-starter-kit, I tried chaning port in .env and config.jsm but invain.
Anybody can you help me to change the port of react-starter-kit?
zen-project
@zen-project
@mohdalivas you can change port in "src/config.js"
Yasmin nygate
@yasminny
hi
any advice on how best to add standard js to our code?
lindelof
@lindelof

a react particle animation component

https://github.com/lindelof/particles-bg

Mohammed Safi
@dudelybhai
hi guys im new to coding i want to dispay my Form.jsx to my AddWord.jsx Form.jsx is a form Addword.jsx is a button in Addword.js onclick i have to dispay Form.jsx
help me

import React from 'react'
import App from '../App'
import Form from './Form'

function AddWords() {
return (
<div>
<button type="button" onclick="">Click Me!</button>
</div>
)
}

export default AddWords

Mohsen Shafiei
@mohsenshafiei
A new webpack plugin to filter webpack huge stats and beautify webpack output.
zhangmytf
@zhangmytf
what's the purpose of the client.js ?
just record the history?
can someone help me ?
I can only see the hotreplacement and history.listen
Giovanni M Guidini
@Gguidini
Hi guys :wave:
@mohsenshafiei cool
Giuseppina Vicari
@Giubbina94_gitlab
Hello developers! I'm an IT recruiter and currently I'm looking a Front End Developer (ReactJS) for our client in Malta. If you're interested or want to know more, kindly contact me here or to giuseppina@spotonconnections.com :)
tongrow
@tongrow
Hello! I am a beginner and trying to understand how can I make a page for authorized users only. I see the possibility of login via Facebook and a function that uses passport, but is there an example of how to create a private page?