Comments / Profile of comerc / Habr

Andrew Ka@comerc

#кодеротбога

-9

Rating

114

Subscribers

ProfileArticles83PostsNewsComments866

История о том, как мы перевели проект в почти четверть миллиона строк на TypeScript и остались в живых

comerc Aug 8 2017 at 06:22

Нашёл способ кастомизировать: 10 шагов настройки Create React App + TypeScript + Ant-Design.

Или Meteor

comerc Aug 2 2017 at 13:46

Очевидно, вы пролистали на мою заметку по диагонали, Apollo упоминается два раза. Но суть уловили верно. Задача развязать клиент и сервер в рамках существующего долгоиграющего проекта (без Apollo). И Redux мне в этом поможет.

Или Meteor

comerc Aug 2 2017 at 13:39

Я неточно выразился. Представляю себе Redux, как архитектуру движения данных в приложении. Так лучше?

10 шагов настройки Create React App + TypeScript + Ant-Design

comerc Aug 1 2017 at 06:16

Например. Сравнивая CRA и CRA-TS, меня смущает, что tsconfig.json и tslint.json торчат наружу. Да, я хотел бы иметь возможность их править при необходимости, но мне нужны "настройки по умолчанию". Это крайне ценное назначение CRA, на мой вкус.

10 шагов настройки Create React App + TypeScript + Ant-Design

comerc Aug 1 2017 at 05:50

Не понял. У вас же по коду прибавилось функционала (подключение к реакт-роутеру).

10 шагов настройки Create React App + TypeScript + Ant-Design

comerc Jul 31 2017 at 20:38

Затык случился лишь однажды, когда CRA переехал на Webpack 2 — тынц.

10 шагов настройки Create React App + TypeScript + Ant-Design

comerc Jul 31 2017 at 20:33

В этом весь цимес, обновление CRA хоть каждый день, без последствий за пару минут! И никакой магии, вставьте console.log(config) в config-overrides.js — конфиг webpack, как на ладони.

npm link на стероидах

comerc Jul 29 2017 at 20:34

Вот и всё, что мне нужно для щастья:

yarn add --dev file:path/to/your/custom/package

В чём сила Redux?

comerc Jul 25 2017 at 12:14

Я пришёл к такому разделению редюсеров. Есть общий редюсер app, где свалка глобальных состояний приложения. Для каждой сущности два редюсера: item и list. При этом редюсер для item используется на нескольких страницах (просмотр и редактирование сущности). При этом данные отображаемых сущностей в списке (list) спрятаны в локальных стейтах, а в редюсерах живут флаги и сайд-эффекты. И только данные для item так же живут в редюсере, потому что их нужно отображать в форме и в превью (например). Благодаря redux-act, ни один switch не пострадал.

Чего тут сложного?!

// @flow
import { createAction, createReducer } from 'redux-act'
import api from 'api'

export const REDUCER = 'user'
const NS = `@@${REDUCER}/`

const reset = createAction(`${NS}RESET`)
const set = createAction(`${NS}SET`)

export const readItem = (id: ?number) => (dispatch: Function, getState: Function) => {
  if (id) {
    return api.get(`/api.php/members/${id}`).then(response => 
      dispatch(set(response.data))
    )
  }
  dispatch(reset())
  return Promise.resolve()
}

export const submit = (id: ?number, values: Object) => (dispatch: Function, getState: Function) => {
  if (id) {
    return api.put(`/api.php/members/${id}`, values)
  }
  return api.post(`/api.php/members`, values)
}

const initialState = {}

export default createReducer(
  {
    [reset]: () => ({ ...initialState }),
    [set]: (state, data) => ({ ...state, ...data }),
  },
  initialState,
)

-2

npm link на стероидах

comerc Jul 21 2017 at 09:58

Ну очень привык к yarn upgrade-interactive. Есть ли подобное для npm? Нашёл npm-upgrade — почти, но оно пошаговое.

npm link на стероидах

comerc Jul 20 2017 at 07:29

Интересно, а вместе с Yarn полетит, или npm-only?

Добротный риалтайм на React и Socket.io

comerc Jul 19 2017 at 18:02

А ещё Logux скоро подвезут.

Добротный риалтайм на React и Socket.io

comerc Jul 19 2017 at 17:27

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

Добротный риалтайм на React и Socket.io

comerc Jul 19 2017 at 17:25

Знаете, какой рутовый компонент приложения при использовании redux? Provider. Представьте, что в его локальном стейте хранятся все данные. Вот и весь наш redux.

Делаем приложения с поиском на Go

comerc Jul 19 2017 at 17:05

А какие есть проекты для быстрого запуска RESTFul API сервера? Типа как FeathersJS, ну или хотя бы на уровне PHP-CRUD-API