@react_js - страница 116 - Telegram web archive

По фич дизайну обьясните плз где должен быть лойаут в ui? И если я в фичи использую форму (тупой компонент) он тоже должен быть в ui или его можно в папку компонентс класть в самой фичи?

Sergey

Всем привет! Есть ли способ задать начальную часть URL, так чтобы относительно нее были все роуты в определенной части? Например: site.com/teams/<id> и чтобы там можно было указать так <Link to="response"> что выдало бы такой путь site.com/teams/<id>/response Но при этом чтобы можно было делать роуты вида site.com/something-else

Dmitriy

говно же

А чего гамео. Как по мне то приятнее сущность вынести в файл если она визуально большая и это можно легко сделать, #хукижеж

Bogdan

сущность, слой, фича, я так понял все как делят так и делят?

Max

А чего гамео. Как по мне то приятнее сущность вынести в файл если она визуально большая и это можно легко сделать, #хукижеж

Дело даже не в приятнее. Такой подход помогает лучше отделить логику от представления, начинаешь быстрее ориентироваться, где искать проблему. Плюс меньше визуальный шум.

Dmitriy

Дело даже не в приятнее. Такой подход помогает лучше отделить логику от представления, начинаешь быстрее ориентироваться, где искать проблему. Плюс меньше визуальный шум.

Ну я за шум только. Что там ориентироваться? Открыл пейдж спустился вниз и смотришь логику. Хотя с другой стороны с разделением можно два файла открыть и смотреть сразу логику и представление. 🦉 видимо просто любит жестами по тач бару скролить))

Max

Ну я за шум только. Что там ориентироваться? Открыл пейдж спустился вниз и смотришь логику. Хотя с другой стороны с разделением можно два файла открыть и смотреть сразу логику и представление. 🦉 видимо просто любит жестами по тач бару скролить))

Верно, вынесение в отдельный файл помогает уменьшить визуальный шум. Вынесение логики компонента в отдельный хук помогает детализировать разделение ответственности. Будет этот хук лежать внизу/вверху файла с jsx или в отдельном файле на второй плюс не влияет.

Алексей

Ребят, хелп, почему в InnerComponent this.context = {} а не значение? https://codesandbox.io/s/muddy-monad-26m4u

Bogdan

Верно, вынесение в отдельный файл помогает уменьшить визуальный шум. Вынесение логики компонента в отдельный хук помогает детализировать разделение ответственности. Будет этот хук лежать внизу/вверху файла с jsx или в отдельном файле на второй плюс не влияет.

например, какую логику так вынести можно?

Vyacheslav

Всем привет! создаю веб приложение, суть такова: есть страница другого приложения, на ней ссылка вида .../client/{id} по нажатию на нее, должно открыться мое приложение. запрос приходит на контроллер бекэнда, который отдает html. и уже из реакта уходит запрос на получение данных на бекэнд по этому id. каким образом мне лучше получить id в реакте? взять из урла, или сначала добавить на html страницу и забрать оттуда реактом? использую react/redux, на бэке spring boot

Max

например, какую логику так вынести можно?

Я выношу всю, от инициализации состояний до обращения к контекстам. С компонентом хук общается при помощи презентационных переменных вида hasLogoutButton.

Bogdan

Я выношу всю, от инициализации состояний до обращения к контекстам. С компонентом хук общается при помощи презентационных переменных вида hasLogoutButton.

можно посмотреть какой нибудь пример?

Влад

Пацы кто-то делал самописную маску для инпута, если да - скиньте плз пример

🅅aleriy

Пацы кто-то делал самописную маску для инпута, если да - скиньте плз пример

я делал, чтоб VIN коды в инпуте на цветные группы делились при вводе https://github.com/anyley/NHTSA

🅅aleriy

делал в 2017 году, так что код и его качество могут вызывать вопросы еще :))

🅅aleriy

но сам принцип уловить можно

Vova

в каких ситуациях в приложении лучше использовать Redux?

🅅aleriy

Влад

я делал, чтоб VIN коды в инпуте на цветные группы делились при вводе https://github.com/anyley/NHTSA

спс🙏

🅅aleriy

в каких ситуациях в приложении лучше использовать Redux?

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

Vova

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

спасибо

Алексей

Ребят, хелп, почему в InnerComponent this.context = {} а не значение? https://codesandbox.io/s/muddy-monad-26m4u

Max

можно посмотреть какой нибудь пример?

Что-то вроде этого https://gist.github.com/negamaxi/308023d59411b213c06366ed83df0991

Ilya

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

Bogdan

Что-то вроде этого https://gist.github.com/negamaxi/308023d59411b213c06366ed83df0991

в Header логика представления в Header.logic обработка? типо екшен signin logout??

Max

в Header логика представления в Header.logic обработка? типо екшен signin logout??

Можно и так сказать. Пропсы, если есть, тоже в хук передаются и там обрабатываются.

Bogdan

Можно и так сказать. Пропсы, если есть, тоже в хук передаются и там обрабатываются.

useCallbaack хук?

Daniil

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

onprogress ?

🅅aleriy

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

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

Bogdan

Можно и так сказать. Пропсы, если есть, тоже в хук передаются и там обрабатываются.

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

Max

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

Спасибо, поправил.

Bogdan

Можно и так сказать. Пропсы, если есть, тоже в хук передаются и там обрабатываются.

а хранить где файлы логики?

Bogdan

Спасибо, поправил.

а так прикольно нужно тоже так разделять, а ведь реально прикольно