• Как исправить ошибку: "TypeError: Cannot read property 'getFormatter' of undefined"?

    Teol
    @Teol
    Мобильный разработчик @OK.ru
    Для webpack 5 "eslint-loader" deprecated, используй eslint-webpack-plugin (см. https://webpack.js.org/plugins/eslint-webpack-plugin)

    Подключается в webpack.config.js так:
    const EslintWebpackPlugin = require('eslint-webpack-plugin');
    
    // в module.exports
    plugins: [
            new EslintWebpackPlugin(
                {
                    extensions: ['js', 'mjs', 'jsx', 'ts', 'tsx']
                }
            )
    ]


    Что бы не ругался на реакт и переменные окружения такой .eslintrc.json:
    {
    	"root": true,
    	"parser": "@typescript-eslint/parser",
    	"plugins": [
    		"react",
    		"@typescript-eslint"
    	],
    	"extends": [
    		"eslint:recommended",
    		"plugin:react/recommended",
    		"plugin:@typescript-eslint/recommended"
    	],
    	"parserOptions": {
    		"ecmaVersion": 6,
    		"sourceType": "module",
    		"ecmaFeatures": {
    			"jsx": true
    		}
    	},
    	"env": {
    		"es6": true,
    		"browser": true
    	}
    }


    Выше я использую TS и реакт, однако без них еще проще:
    {
      "root": true,
      "parser": "@babel/eslint-parser",
      "extends": [
        "eslint:recommended",
      ],
      "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
      },
      "env": {
        "es6": true,
        "browser": true
      }
    }
    Ответ написан
    Комментировать
  • Из верстальщика во фронт-ендера, какие технологии изучать в дальнейшем?

    Teol
    @Teol
    Мобильный разработчик @OK.ru
    HTML, CSS – база для верстальщика
    Желательно интересоваться UIX частью, тоесть как делать "человекоудобно", что не всегда красиво в коде.

    Переходим во фронтенд:
    JQ (?) - надобность его падает пропорционально написанным велосипедам по работе с домом, анимациями и пониманием Ajax.
    EcmaScript (чистый js, он же "ванилла", но боже упаси произносить это вслух в приличном месте) + паттерны программирования – я бы выделил это все двойным болдом и тройным подчеркиванием. Это база фронтендера.
    Немного bash-а для терминала.
    NodeJS – суть тот же JS, но с привкусом бэкенда, полезно для понимания, как ваши странички вообще доставляются пользователю, какие самые банальные проблемы это в себе таит, и снова понятнее, как работает Ajax.
    Идем дальше и глубже –Stylus | LESS | SASS - препроцессоры, лучше уже хорошо владеть нативным CSS, пониманием атомарного дизайна, модульности и тп. Ощущения от использования словно получил суперсилу для верстальщика, хорошо сочетается с общим пониманием программрования. Есть еще постпроцессоры – их суть в том, что они работают с готовым кодом, когда препроцессоры компилируются в тот самый "готовый" код.
    Шаблонизаторы разметки – Mustache, Handlebars, Jade, EJS, React.

    Упрощаем работу:
    GIT – система версионирвоания – порядок в работе и бекапы. Качественный левелап даже для команды из одного.
    Сборщики Gulp, Grunt, ... и их плагины + пакетные менеджеры (NPM, Bower, ...) - автоматизация тех действий которые набили оскомину, сборка проекта, автоматическая генерация стилей из препроцессора, сборка бандлов, минификация и прочая томуподобная рутина (в которой, однако, не вредно по началу натереть мозолей)

    Чувствуем себя крутым:
    Учим MV* – Ember, Angular, Knockout
    Фреймворки вроде d3.js и работа с канвасом.

    Когда более менее освоетесь с JS:
    Попробовать поучить С++, Java, ... – это не так важно что, к чему душа ляжет. Для общего развития и понмиания программирования.
    Ответ написан
    Комментировать