Вот за это mobx и люблю

да там вообще ни редакс не нужен ни ивент эмиттер

хайпанули чутка

ща еще депенденси гляну :))

а первые два где?

два чего?

чая

версии?

кто-нибудь имел дело с слек апи?

А как поделиться настройками прокси в телеге?

А, у меня старый клиент

что использовать для анимаций, попытался CSSTransitionGroup, но в связке с редаксом не работает, т.е. когда приходят новые пропсы

а это полный ререндер

а это полный ререндер

может неправильная работа с пропсами?

вот пытаюсь разобраться, нужно отыграть анимацию, когда по пропсам добавляется новый итем

но думаю тут нужен другую анимацию искать

там же приходит сразу весь список, оттого он и не поймет, новый это элемент или старый

там же приходит сразу весь список, оттого он и не поймет, новый это элемент или старый

key

а зачем мне анимации внутри map?

она так тоже не сработает

что использовать для анимаций, попытался CSSTransitionGroup, но в связке с редаксом не работает, т.е. когда приходят новые пропсы

когда я прикручивал ReactCSSTransitionGroup, напоролся на несколько камней, прежде все заработало, один из точно помню: <ReactCSSTransitionGroup><ReactCSSTransitionGroup/> должен быть уже примотирован на момент появления новых элементов, т.е. такое {items.length > 0 && <ReactCSSTransitionGroup>{items}<ReactCSSTransitionGroup/>} не заработает

Это относится к тому как работает анимация в принципе, rctg тут просто посредник

Ребят, объясните нубу, зачем делать так? class AAA extends Component constructor(props) { super(props); }

ну если после супера ничего нет, то незачем

Ребят, объясните нубу, зачем делать так? class AAA extends Component constructor(props) { super(props); }

Что делать что?

Что делать что?

зачем пропсы через супер передавать

Чтобы работало)

Чтобы работало)

а если и так работает?

ну у меня были случаи что не работало, приходилсь прокидывать, не помню когда уже)

зачем пропсы через супер передавать

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/super

но я почти не юзаю стейтлес компоненты а если и юзаю то конструктора там нету

не имеет смысла вообще

кроме обязанности вызвать super(); при наследовании

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/super

это понятно. в реакте зачем?

Незачем

разница - сможешь получать доступ через this.props внутри конструктор

class MyComponent extends React.Component { constructor(props) { super(props) console.log(this.props) // -> { icon: 'home', … } } }

class MyComponent extends React.Component { constructor(props) { super() console.log(this.props) // -> undefined // Props parameter is still available console.log(props) // -> { icon: 'home', … } } render() { // No difference outside constructor console.log(this.props) // -> { icon: 'home', … } } }

не имеет смысла, можно сразу к props обратиться

поэтому пустой super(); и до скорых встреч

но я почти не юзаю стейтлес компоненты а если и юзаю то конструктора там нету

стейтфул

class MyComponent extends React.Component { constructor(props) { super() console.log(this.props) // -> undefined // Props parameter is still available console.log(props) // -> { icon: 'home', … } } render() { // No difference outside constructor console.log(this.props) // -> { icon: 'home', … } } }

class MyComponent extends React.Component { render() { // all OK! console.log(this.props) // -> { icon: 'home', … } } }

да, верно) не так написал

class MyComponent extends React.Component { render() { // all OK! console.log(this.props) // -> { icon: 'home', … } } }

Внимательней смотри

речь про конструктор

Если проще говорить — так велит дока.

Если проще говорить - этого делать не надо

если тебе не нужен конструктор, то и супер не нужен, конечно) все супер!

если тебе не нужен конструктор, то и супер не нужен, конечно) все супер!

во! спс!

??

Не заморачивайся

в list() нету return’a

а, не, сори) там стрелочная функция

почему с новым синтаксисом не нужно делать? constructor(props) { super(props); }

или нужно?

Я тебе дал ссылку на доку

почему с новым синтаксисом не нужно делать? constructor(props) { super(props); }

если ты про новые свойства, то они в основном просто заменяют конструктор

а вообще при наследовании всегда нужно вызывать конструктор родителя

открывай бабель репл

вставляй код и смотри

Вопросы отпадут

ERROR: S client not available

или нужно?

https://facebook.github.io/react/docs/react-component.html#constructor

The constructor for a React component is called before it is mounted. When implementing the constructor for a React.Component subclass, you should call super(props) before any other statement. Otherwise, this.props will be undefined in the constructor, which can lead to bugs.

во flow можно опускать скобки в функциональных типах? type ObjectToString = (Object) => string; type ObjectToString2 = Object => string;

хз это бага парсера или нет, но в доке всюду скобки.

Всем привет. Я начал изучать react и столкнулся с проблемой. Подскажите пожалуйста. Хочу сделать роутинг, Создал компонент MenuList import React, {Component} from 'react'; import {Link} from "react-router-dom"; export class MenuList extends Component{ render(){ return ( <div className="menu_containner"> <ul> <li><Link to='/'>Home</Link></li> <li><Link to='goods'>Goods</Link></li> <li><Link to='basket'>Basket</Link></li> </ul> </div> ) } } в файле App.js просто подключил компонент MenuList вот код import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import {MenuList} from "./menu/MenuList"; class App extends Component { render() { return ( <div className="App"> <div className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h2>Welcome to React</h2> </div> <p className="App-intro"> To get started, edit <code>src/App.js</code> and save to reload. </p> <MenuList/> </div> ); } } export default App; в файле index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; import './index.css'; import {BrowserRouter, Route, Switch} from "react-router-dom"; import {Page404} from "./Page404"; import {GoodsList} from "./goods/GoodsList"; import {BasketList} from "./basket/BasketList"; ReactDOM.render( <BrowserRouter> <App > <Switch> <Route exact path='/' component={App}/> <Route path='/goods' component={GoodsList}/> <Route path='/basket' component={BasketList}/> <Route component={Page404}/> </Switch> </App> </BrowserRouter> , document.getElementById('root')); registerServiceWorker(); Компилируется, запускается, в роуте при щелчке урл меняется, но компонент GoodsList не отрисовывается. Что я делаю не так? "react-router": "^4.1.1",

Всем привет. Я начал изучать react и столкнулся с проблемой. Подскажите пожалуйста. Хочу сделать роутинг, Создал компонент MenuList import React, {Component} from 'react'; import {Link} from "react-router-dom"; export class MenuList extends Component{ render(){ return ( <div className="menu_containner"> <ul> <li><Link to='/'>Home</Link></li> <li><Link to='goods'>Goods</Link></li> <li><Link to='basket'>Basket</Link></li> </ul> </div> ) } } в файле App.js просто подключил компонент MenuList вот код import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import {MenuList} from "./menu/MenuList"; class App extends Component { render() { return ( <div className="App"> <div className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h2>Welcome to React</h2> </div> <p className="App-intro"> To get started, edit <code>src/App.js</code> and save to reload. </p> <MenuList/> </div> ); } } export default App; в файле index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; import './index.css'; import {BrowserRouter, Route, Switch} from "react-router-dom"; import {Page404} from "./Page404"; import {GoodsList} from "./goods/GoodsList"; import {BasketList} from "./basket/BasketList"; ReactDOM.render( <BrowserRouter> <App > <Switch> <Route exact path='/' component={App}/> <Route path='/goods' component={GoodsList}/> <Route path='/basket' component={BasketList}/> <Route component={Page404}/> </Switch> </App> </BrowserRouter> , document.getElementById('root')); registerServiceWorker(); Компилируется, запускается, в роуте при щелчке урл меняется, но компонент GoodsList не отрисовывается. Что я делаю не так? "react-router": "^4.1.1",

спасибо что всю папку с проектом не вывалил

<Link to='/goods'> и так далее

спасибо что всю папку с проектом не вывалил

описал проблему подробно

на будущее — gist

на будущее — gist

ок. А что делаю не так, не подскажете?

ок. А что делаю не так, не подскажете?

навскидку выше подсказали - нет слеша в to

а вообще при наследовании всегда нужно вызывать конструктор родителя

только если руками написал конструктор

слеш ставил, что с ним что без него - результат один и тот же, всегда показывает App.js

слеш ставил, что с ним что без него - результат один и тот же, всегда показывает App.js

вниз перемести path / App

последним

свитч не надо в апп заворачивать

вниз перемести path / App

там exact

а

свитч не надо в апп заворачивать

угу

а

Шо будет, когда три костра появится?

не заметил

Шо будет, когда три костра появится?

сгорю

пионерский костер

Шо будет, когда три костра появится?

про йеллоустоун слышал?

свитч не надо в апп заворачивать

<App /> <Switch> <Route exact path='/' component={App}/> ... </Switch> так?

+

а зачем у тебя App два раза?

да кстате)

смотри - все что выше свитча - будет отображаться всегда, не зависимо от роута

спасибо большое понял ошибку теперь