Заметки фронтендера
20 subscribers
11 photos
11 files
55 links
Инструкции и советы по react, typescript, webpack
Download Telegram
Как перестать страдать из-за обилия точек и сделать из
import * as actionCreators from '../../../../../store/actions';
вот это
import * as actionCreators from 'features/auth/store/actions';
?

Другими словами — настроить поддержку абсолютных путей.

1. tsconfig.json для TypeScript, jsconfig.json для JS:
"baseUrl": "./src"
2. webpack.config.js
resolve: {
modules: ['node_modules', srcPath]
}

где srcPath абсолютный путь до директории src.
3. package.json
"baseDir": "src"

Настройка автоимпортов в WebStorm:
File → Settings → Code Style → Typescript → Import → Use path relative to tsconfig.json
или для JS:
File → Settings → Code Style → JavaScript → Import → Use path relatives to the project
Если вдруг не заработало:
ПКМ на папке src → mark directory → as resource root

Vscode, atom, sublime дополнительной настройки не требуют.

#webpack #javascript #typescript #webstorm #import #autoimport #absolutepath
Не используйте древний и костыльный window.isNaN, в ES6 завезли Number.isNaN, ибо см. приложенную картинку. Даже isNaN(0/0) возвращает false : ^)

#es6 #isNaN #javascript #ecmascript
You don’t know JS 1ed. Книга с подробным разбором тонкостей работы жаба-скрипта, написанная простым языком с иллюстрациями
[eng] Читать онлайн без смс и регистрации: https://github.com/getify/You-Dont-Know-JS/tree/1st-ed
[rus] Глава про this и прототипы
[eng] Остальные файлы

#book #перевод #eng #javascript