Flow + tcomb = типизированный JS

Ещё один косяк нашёл: https://github.com/facebook/flow/issues/3742

Похоже, я не предприниматель

мы посадали ее на клей. Но после половины дня работы, из-за нагрева, клей расплавился и превратился в отличную смазку.
— Неудачно был выбран клей, получается. Его нормальный выбор можно сделать даже с помощью поисковика
(с привлечением спеца — сможе каждый).

В одной из лекций Маска услышал, что самая важная дисциплина — материаловедение.

N причин, чтобы использовать Create React App

Собственно, я больше хотел обратить внимание на Styled-JSX.

N причин, чтобы использовать Create React App

Написал ранее, см. выше.

N причин, чтобы использовать Create React App

Абсолютные пути в импорте

Работают относительно папки src, пример:

import MyComponent from 'components/MyComponent'

Конфигурация babel-plugin-module-resolver

['module-resolver', { 'root': ['src'] }]

Настройка WebStorm

Для папки src в контекстом меню выполнить: Mark Directory as > Resource Root.

Настройка Atom

• Установить плагин js-hyperclick.
• Для доменных компонентов прописывать в package.json путь до src:
  

  "moduleRoots": ["../.."]

N причин, чтобы использовать Create React App

Покажите код :)

Async/await: 6 причин забыть о промисах

У меня вызывают подобную реакцию ваши оценочные суждения.

N причин, чтобы использовать Create React App

Развешивание ярлыков. У меня есть ответы для Atom и WebStorm, например.

Flow + tcomb = типизированный JS

Вот тут я сомневаюсь. Компоненты стремятся почковаться до атомарного состояния. Чем меньше — тем лучше. Это оправдано, хотя стучать по клаве утомляет. Отсюда и типы уменьшаются. А вот переключать контекст внимания между файлов — только раздражает. Я вкрячил CSS в компоненты посредством styled-jsx — ужасно доволен, например.

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

https://github.com/comerc/yobr/blob/master/src/components/Post/Post.js

Flow + tcomb = типизированный JS

Какую версию TypeScript вы пробовали?

Мопед не мой. Это вопрос к автору доклада.

Flow + tcomb = типизированный JS

передача внутренних полей после проверки наличия объекта

Проверил, вот так работает без ругани:

type Person = {name: string, email: string};
type Bug = {id: string, assignee: ?Person};

var newBug: Bug = {id:'bug1', assignee: null};

if (newBug.assignee) {
  var assignee = newBug.assignee;
  console.log(assignee.name);
  console.log(assignee.email);
}

асинхронный вызов после проверки наличия переменной

Это тоже легко обойти исправлением типа. Наверно тут можно сделать скидку, что Flow сыроват?

Flow + tcomb = типизированный JS

Перекраивать create-react-app на кастомный конфиг только из-за...

Не только, аппетит приходит во время еды: styled-jsx, module-resolver, tcomb.

no-use-before-define включен тоже не просто так, чтобы вам мешать

Я сразу предупредил, что "хочется странного" — это послание специально для вас.

N причин, чтобы использовать Create React App

Не видишь суслика? А он там есть.

Flow + tcomb = типизированный JS

Хотя собирался давно, но решился переехать на Flow после этой замечательной публикации: Зачем использовать статические типы в JavaScript? (Преимущества и недостатки).

Зачем использовать статические типы в JavaScript? (Преимущества и недостатки)

Прити вдохновила, добавлю пять копеек: Flow + tcomb = типизированный JavaScript.

Зачем использовать статические типы в JavaScript? (Преимущества и недостатки)

Обходной путь

N причин, чтобы использовать Create React App

как прикрутить Styled-JSX и настроить абсолютные пути для импорта

N причин, чтобы использовать Create React App

Интересно почитать про велосипедостроение на тему SSR для CRA. :)

N причин, чтобы использовать Create React App

Не-не-не: custom-react-scripts — это форк, а react-app-rewired — врапер. Почувствуйте разницу.

N причин, чтобы использовать Create React App

Посмотрите тут: как прикрутить Styled-JSX и настроить абсолютные пути для импорта.