React

+1

Hi Team.

I am in fresher in the react web development . can you tells me which one way to use for react web development. One is js process and second is Typescript approach. Thanks.

@dsoldo

Not inactive, but the chat does feel that way at times. Most people make posts now since the Spectrum layout change (which but the Chat in a separate area).

I honestly never knew about this Chat, never clicked on it as 👇 seemed to meant, it's disabled.

Enabled for now :)

😅 It looks like there is Chat for each community. I've been missing out much. FOMO kicking in

Hi guys, I am new here

Привет

Hi

I have a problem related to rect

teact

Write a TodoList component that expects an items prop, and a list of objects, each with text and done properties. TodoList also accepts an onItemClick function prop, which should be called when a user clicks an item in the list, if the item is not marked as done. Otherwise, the onItemClick should not be called and the click event itself should not be propagated further. The function should be called with the item object from the items list as the first parameter and the event as the second parameter.const TodoItem = (props) => <li onClick={props.onClick}>{props.item.text}</li> class TodoList extends React.Component { render() { const { items, onClick } = this.props; return (<ul onClick={onClick}> {items.map((item, index) => <TodoItem item={item} key={index} onClick={this.handleItemClick.bind(this, item)}/>)} </ul>); } handleItemClick(item, event) { // Write your code here if(!item.done) this.props.onClick(item); } } const items = [ { text: 'Buy grocery', done: true }, { text: 'Play guitar', done: false }, { text: 'Romantic dinner', done: false } ]; const App = (props) => <TodoList items={props.items} onItemClick={(item, event) => { console.log(item, event) }} />; document.body.innerHTML = "<div id='root'></div>"; const rootElement = document.getElementById("root"); ReactDOM.render(<App items={items}/>, rootElement);

can someone help to solve this

Hey guys, I', new

Hello Guys I am facing problem to pass headers in axois can any one help in this.

const url = API_URL+path headers = {"headers":getTokenHeaders()} const request = axios.post(url,data,headers); request.then(response => { dispatch({ type : type, payload : response.data })

}).catch(error => {
    dispatch({
        type : type,
        payload : "Failed"
    })
});

Any idea on how to set the border styling to a material UI grid item?

Sorry if this has been asked before but I was wondering if React has something like single file components (SFC) the way Vue does it. I am not so familiar with the JSX things but can you have all of the HTML, CSS and JS in one file? Thanks.

Thought this was fun and wanted to share it https://dev.to/bobziroll/learn-react-by-building-a-meme-generator-41gh

Hey guys, can someone give me some feedback on this piece of code? I am using hooks and I wanted to throttle an api call, but I'm not really understanding the difference between useMemo and useCallback. I did this:

 const updateContent = useMemo(
    () => _.throttle((my_api_argument) => {
      // my api request 
    }, 500),
  []);

How to use react key map imags

Hello guys,can i create and update cart for restaurant in react native