Alexey

а, все

Alexey

туплю

Дима

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

Enum в ts не нужны

Alexey

enum это вещь

Дима

enum это вещь

Не в ts)

Дима

Забудь

Алексей

вопрос по теме: в react-redux в каком месте православно на сервак за данными стучать?

в action creator с использованием redux-thunk, пример: function fetchUser(userName) { return async (dispatch) => { const id = await myApi('/user/getIdByName', {userName}); const user = await myApi('/user/get', {id}); dispatch({type: 'FETCHED', user}); }; }

Anton

в action creator с использованием redux-thunk, пример: function fetchUser(userName) { return async (dispatch) => { const id = await myApi('/user/getIdByName', {userName}); const user = await myApi('/user/get', {id}); dispatch({type: 'FETCHED', user}); }; }

не знаком с этой либой, а почему dispatch а не return?

Алексей

не знаком с этой либой, а почему dispatch а не return?

redux-thunk - это достаточно тупой middleware, который при поступлении в него функции, вызывает её с параметрами (dispatch, getState, user_defined_parameter), а уже эта функция делает dispatch нормальных actions

Alexey

в action creator с использованием redux-thunk, пример: function fetchUser(userName) { return async (dispatch) => { const id = await myApi('/user/getIdByName', {userName}); const user = await myApi('/user/get', {id}); dispatch({type: 'FETCHED', user}); }; }

спс

Андрей Модин

Всем привет. Вопрос по webpack 2. Смотрю разные уроки и статьи, везде юзают babel для поддержки es6 модилей. Но webpack и так поддерживает import и export. Зачем babel?

Kirill

Всем привет. Вопрос по webpack 2. Смотрю разные уроки и статьи, везде юзают babel для поддержки es6 модилей. Но webpack и так поддерживает import и export. Зачем babel?

чтобы es2015 в более старые версии компилировать

Дима

Неа

Дима

Резонный вопрос, на самом деле

Kirill

?

Дима

Со вторым вебпаком не нужно подключать

Дима

es2015-modules-commonjs

Дима

Всем привет. Вопрос по webpack 2. Смотрю разные уроки и статьи, везде юзают babel для поддержки es6 модилей. Но webpack и так поддерживает import и export. Зачем babel?

Короче, бабель нужен для всего кроме этого)

Sergey

Всем привет. Вопрос по webpack 2. Смотрю разные уроки и статьи, везде юзают babel для поддержки es6 модилей. Но webpack и так поддерживает import и export. Зачем babel?

Транспилить es6-7 во всемипонимаемый js + плагинчики

Kirill

Со вторым вебпаком не нужно подключать

почему не надо так и не понял?

Дима

почему не надо так и не понял?

webpack и так поддерживает import и export

Sergey

почему не надо так и не понял?

Второй вебпак умеет хендлить модули нормально

Kirill

этоооо то и так понятно, и отключают бабелевский чтоб tree shaking работали,

Kirill

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

Дима

Кстати лол, tree shaking в вебпаке то сломан

Alexey

срсли?

Alexey

я как то не заметил

Дима

Во многих ожидаемых кейсах он нифига не оптимизирует

Alexey

например?

Alexey

tree shaking немного про другое

Дима

Надо сейчас issue поискать, но по моему во всем с import { anything } from '' чудес точно не будет))

Sergey

Надо сейчас issue поискать, но по моему во всем с import { anything } from '' чудес точно не будет))

нене он как раз таки смотрит где какие есть импорты/экспорты

Alexey

ты про то, что он не пидорит твои файлы?

Sergey

я видел, когда включал режим комментирования всего

Дима

нене он как раз таки смотрит где какие есть импорты/экспорты

В идеале

Alexey

а ты продакшн билд проверял?

Kirill

там есть какая-то подковырка

Alexey

судя по докам, он только в продуктиве вырезает "лишние" методы

Kirill

у людей помнится траблы были с импортом из lodash

Дима

https://github.com/webpack/webpack/issues/2867

Karina

ребята, не знаете как сделать максимальный отдаленный зум на телефоне? initial-scale=1.0 - есть, 'zoom': 0.3 - работает только в браузере нормально, - по факту на телефоне там мясо

Дима

Шейкер шейкер, билдмейкер

Андрей Модин

Спасибо за ответ!)

Kirill

> The important part is that the imported file must use ES6 exports.

Alexey

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

Alexey

что на самом деле не tree-shaking

Alexey

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

Дима

Tree shaking is a dead code elimination technique

Alexey

... or more precisely, live-code import

Alexey

When running a production build, node_modules/.bin/webpack —optimize-minimize main.js dist.min.js, only the minimized version of cube but not square remains in the build

Alexey

усё ж написано

Boris

Наша подборка книг по JavaScript стала ещё больше: https://tproger.ru/books/free-javascript-books-for-beginners/ А ещё мы немного поработали над ее форматом, она стала удобнее отображаться на мобильных устройствах. Проверите? 😉