lazy loading лучше всего реализовывать руками или есть какой-то полезный модуль? если кто по опыту знает какой-то хороший модуль скажите, гуглить за меня не нужно)

—

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

да. Антипаттерн

?

Хех, а если есть какой то шелл приложения статичный с кнопками и внутри с динамическим контентом. И в зависимости от этого контента нужно менять действия при нажатии на эти кнопки шелла, то как лучше поступить?

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

напиши свой НОС)

—

ты чего?

ты чего?

?

Хех, а если есть какой то шелл приложения статичный с кнопками и внутри с динамическим контентом. И в зависимости от этого контента нужно менять действия при нажатии на эти кнопки шелла, то как лучше поступить?

Стейт машина с прокидыванием колбеков.

@artalar @sergeysova а киньте страницу с цсс фреймворками

?

Ну как минимум https://t.me/react_js/427592

@artalar @sergeysova а киньте страницу с цсс фреймворками

3 ссылки в первом же note https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md

в каком note?

Вот тоже пришёл к стейт машине, но тут получается должно быть определено количество конечных состояний заранее, что ограничивает гибкость

Ну как минимум https://t.me/react_js/427592

ээээ пункт 2 вообще ни о чем остальное спасибо, не видел

а что это за страница и почему я должен про нее знать?

Вот тоже пришёл к стейт машине, но тут получается должно быть определено количество конечных состояний заранее, что ограничивает гибкость

слишком большая гибкость убивает очевидность

адель во

ээээ пункт 2 вообще ни о чем остальное спасибо, не видел

Да там достаточно одного пункта - он вырубил issue и забросил полностью проект. А потом написал нервную статью и заметки в твиттер про то как тяжело опенсурсить

@artalar @sergeysova а киньте страницу с цсс фреймворками

https://adele.uxpin.com/

Да там достаточно одного пункта - он вырубил issue и забросил полностью проект. А потом написал нервную статью и заметки в твиттер про то как тяжело опенсурсить

не знал

спасибо

Немного уточню предыдущий вопрос, что лучше всего юзать для реализации lazy loading для списка объектов которые подгружаются по мере скрола?

всем привет, хотел спросить - что вы используете для адаптивной верстки с реактом? Говорят есть какой-то reactstrap, но пока не знаю пользоваться ли им (так как я бегиннер в реакте, не знаю насколько он подходит мне...) ?

всем привет, хотел спросить - что вы используете для адаптивной верстки с реактом? Говорят есть какой-то reactstrap, но пока не знаю пользоваться ли им (так как я бегиннер в реакте, не знаю насколько он подходит мне...) ?

css

Стейт машина с прокидыванием колбеков.

Стейт машины не нужны

Все "прогнозы" про них на этот год не сбылись)

http://aigamedev.com/open/articles/fsm-age-is-over/

Можно для разнообразия попробовать не наступать на те же грабли что и люди всего 10 лет назад ?‍♂️

Стейт машины не нужны

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

Вопрос как из функции в родительском элементе передать объект в дочерний ?

Вопрос как из функции в родительском элементе передать объект в дочерний ?

setState

сори за глупый вопрос )

http://aigamedev.com/open/articles/fsm-age-is-over/

?

aigamedev*

Ога)

Ога)

Я тут нашел... https://github.com/calmm-js/kefir.atom

И понял что мой пазон - практически копия

Альтернатива)

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

Что за тулза?

Что за тулза?

https://bundlephobia.com

Мильены gracias

если в другом порядке то будет

KIL

KILL

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

O_o

Ребят подскажите пожалуйста по деструктурипзации вот есть фрагмент из кода на реакте <List data = {mock} /> дальше я могу получить доступ к данным через props.data но код дальше таков const List = ({ data }) => {..... я понимаю что деструктуризация выглядит примерно так let {data} = props.data но ведь эта строчка нигде не написана

import React from 'react' const List = ({ data }) => { const getItems = () => data.map((el, idx) => <li key={idx}> {el.firstName} <img src={el.avatar} /> {el.lastName} </li>) return <ul style={{ listStyleType: 'none' }}>{getItems()}</ul> } export default List

Ну ок. На объекте Object.keys(items).reverse().map(key => items[key]) - будет массив в обратном порядке. Как это и зачем вообще «сортировать» обьект )))

В объекте ключи не упорядочены

Плохая идея так делать

да это в общем, это не кусок кода уже готового

и отлаженного

по первой практикуюсь что и как работает

ERROR: S client not available

меня интересует понять сам подход почему в деструктуризации let {data} = props.data не обьявлено, но передав в функцию { data } все работает

тупой пример на чистом js

let arr = {arg1: "Vasya", arg2: "Petya"}; let {arg1} = arr; alert({arg1});

алерт вылазит, но если удалить строку let {arg1} = arr; то работать не будет

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

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

Я правильно понимаю, что тебя смущает, что нигде нет строки let { data} = this.props?

да

верно

точнее props.data

Компонент можно описать либо классом и там у тебя пропсы доступны через this.props и через функцию, где props - это просто аргумент

function MyComponent(props) { }

Можно сделать деструктор нацию Stepan Mikhaylyuk: function MyComponent(props) { let { data} = props; }

А можно сделать это же короче Stepan Mikhaylyuk: Можно сделать деструктор нацию function MyComponent( {data}) { .. access data variable }

@uryahnik , понятно объяснил?

спасибо что прояснил сейчас прочитаю деструктуризацию еще раз, я видимо чтото пропустил

Че то ты усложнил объяснение. Деструктуризировать можно прямо в аргументах функции

всем привет кто нибудь знает реацт нативе?

всем привет кто нибудь знает реацт нативе?

@reactnative_ru

@reactnative_ru

спасибо

Че то ты усложнил объяснение. Деструктуризировать можно прямо в аргументах функции

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

Если функция получает объект, то она может его тут же разбить в переменные: 'use strict'; let options = { title: "Меню", width: 100, height: 200 }; function showMenu({title, width, height}) { alert(title + ' ' + width + ' ' + height); // Меню 100 200 } showMenu(options);

За счёт чего удалось так бэтку сократить?

а, я понял... убрал most

Мне кажется там даже меньше может быть

Бандлфобия, к сожалению, довольно глупая

Хотя сейчас аналитику по зависимостям подвезли - это круто