Comments / Profile of comerc / Habr

Автор reshadow максимально отзывчивый. К тому же это отечественный производитель. Очень надеюсь, что вывезет. Я лично вступил в ряды ранних последователей. Посмотрите, какая многообещающая презентация.

Подготовка к захвату мира

comerc Jun 17 2019 at 21:13

Перевод завезли https://habr.com/ru/post/456422/

История четырёхкратного ускорения React-приложения

comerc Jun 17 2019 at 20:56

Я — большой любитель Material Design. Для React написана замечательная Material-библиотека, которая называется material-ui. У этой библиотеки есть лишь одна проблема. Это — её размер. Она очень велика. Даже если пользоваться лишь отдельными её компонентами, в бандл попадёт её реализация механизма CSS-in-JS, а это — примерно 30 Кб минифицированного кода. Каковы альтернативы? Я решил построить собственные компоненты, стилизуя их в процессе создания приложения.

Обнять и плакать. babel-plugin-import

Анонс новой версии Styled Components v5: Звериный оскал

comerc Jun 17 2019 at 20:43

Styled-components и так уже была одной из самых быстрых CSS-in-JS библиотек, но теперь мы еще быстрее

Внезапно, reshadow benchmarks

-1

Подготовка к захвату мира

comerc Jun 17 2019 at 12:50

А я поковырял reshadow, пока рано отказываться от styled-components.

Подготовка к захвату мира

comerc Jun 14 2019 at 19:27

Спасибо за поддержку! Я помню Хабр маленьким. Вся его жизнь — большая часть моей.

Про live-code спустя 130 стримов

comerc May 16 2019 at 09:34

Я колоссально нравственно страдал, пока добавлялись исключительно минусы. Рефлексия замучила. Но сейчас уже есть плюсы, а это значит, что оно кому-то надо, и со мной всё нормально.

Напротив, добивался выдать экстракт, чтобы на минимум текста максимум наполнения. Как мне ответил лучший друг, опять ты с места в карьер.

-1

Про live-code спустя 130 стримов

comerc May 15 2019 at 15:29

Заметка, как ответ на вопрос "зачем?", который был задан в коментарии на YouTube.

Хаб ReactJS — т.к. почти все стримы и репка "про это". Хаб GTD — потому что описываю свою методику повышения личной эффективности.

За что минусуют — мне непонятно.

-3

Про live-code спустя 130 стримов

comerc May 15 2019 at 13:19

Вентилятор сверху. Она так греется.

Тестирование redux

comerc Feb 12 2019 at 21:22

Автоматизируем тестирование redux селекторов в приложении

Изучая go: пишем p2p мессенджер со сквозным шифрованием

comerc Jan 28 2019 at 10:20

Еще такое обучение нашел — огонь!

https://www.youtube.com/playlist?list=PLd-kTafWJCJOUBLIkAXI8h9Bxu4tOKlwn

-1

Приемы обобщенного программирования в Rust: как мы переводили Exonum с Iron на actix-web

comerc Jan 19 2019 at 21:16

Не понял, actix — это тоже про акторы.

Очередное руководство по уменьшению бойлерплейта в Redux (NGRX)

comerc Jan 19 2019 at 21:05

Вы просто не умеете готовить redux-act :)

import { createReducer, createAction } from 'redux-act'
import axios from 'axios'
import { API } from 'src/constants'

const NS = 'POST__'

const initialState = {
  item: {},
  isLoading: false,
}

export type IState = typeof initialState

const reducer = createReducer<IState>({}, initialState)

const readItemRequest = createAction(`${NS}READ_ITEM_REQUEST`)
reducer.on(readItemRequest, (state) => ({
  ...state,
  isLoading: true,
}))

const readItemSuccess = createAction<IState['item']>(`${NS}READ_ITEM_SUCCESS`)
reducer.on(readItemSuccess, (state, item) => ({
  ...state,
  item,
  isLoading: false,
}))

const readItemFailure = createAction(`${NS}READ_ITEM_FAILURE`)
reducer.on(readItemFailure, (state) => ({
  ...state,
  isLoading: false,
}))

export const readPost = (id: number): Store.IReduxThunkCallBack => (dispatch) => {
  dispatch(readItemRequest())
  return axios
    .get(`${API}posts/${id}/`)
    .then(({ data: item }) => {
      dispatch(readItemSuccess(item))
    })
    .catch((error) => {
      dispatch(readItemFailure())
      return Promise.reject(error)
    })
}

export default reducer

А общая обработка ошибок построена на соглашении, что все функции redux-thunk возвращают Promise:

export const dispatch = (action) => {
  if (isPromise(action)) {
    return store.dispatch(action).catch((error) => {
      if (error) {
        console.error(error)
      }
      return Promise.reject(error)
    })
  }
  return store.dispatch(action)
}

Компоненты должны дергать только эту обертку для store.dispatch() (вместо dispatch(), который приходит параметром в mapDispatchToProps() получаемого из connect()).

Конечно, большой соблазн обобщить шаблонный код: _REQUEST > вызов axios > _SUCCESS > _FAILURE, видел несколько реализаций, но теряется читабельность, на мой вкус.

Я сейчас в процессе очередной попытки получить "аленький цветочек", реализую шаблон проекта на стеке Create React App + Type Script + Antd Design Components + Styled Components.

Comedy. Акторы в Node.JS для гибкого масштабирования

comerc Jan 10 2019 at 13:59

Если найдёте какие-то другие фреймворки для акторов в Node.JS — пишите обязательно!

https://github.com/liangzeng/cqrs
https://github.com/tarantx/tarant

1 2 ...

11 12

14 15 ...

43 44