Как повысить производительность React приложений

Если честно, то эту тему в интернете не поднимал только ленивый, но мне кажется, что большинство разработчиков только сейчас начинают задумываться о том, как повысить производительность React приложений.

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

Рецепт: Webpack 4 + React + Babel 7 = ❤️

Сегодня я собрал волю в кулак и, все-таки, перешел в своем давнем React проекте с Webpack 2 на Webpack 4. Не скажу, что это было сложно, но потратить немного времени, все же, пришлось. Признаюсь честно, это был мой уже второй подход. Я пытался это сделать когда он только вышел, но тогда быстро все не взлетело и я решил отложить. Теперь, когда все грабли уже успешно пройдены, то я решил написать эту небольшую статью, чтобы, возможно, облегчить вам страдания.

N команд для начинающих, которые нужно знать, чтобы работать с git

Я программирую уже не один год и каждый день имею дело с git. Я писал код один и в команде, для себя и по работе. На основе своего опыта хочу поделиться с вами крайним минимумом, который вам стоит знать и уверенно использовать, чтобы говорить "я умею работать с git".

Для начала определимся. Во-первых, если вы считаете, что git вам не нужен, то вы крупно ошибаетесь. Если вы планируете писать код не один день, даже если вы будете делать это в одиночку, то вам точно нужен git. Во-вторых, не стоит рассматривать эту статью как руководство. Я не буду расписывать подробности каждого ключа и т.п. Все подробности по той или иной команде вы легко сможете найти в поисковике, в том числе на русском. В-третьих, не важно, планируете вы использовать git череж консоль или через интерфейс, принцип остается одинаковым. Приступим.

Зачем мне фотоаппарат в 2018?

Не так давно я купил себе цифровую камеру Canon M10. Это камера любительского сегмента, но с возможностью использовать сменную оптику. Поводом для этого послужило то, что я решил научиться фотографировать. По сути, эта камера по своим настройкам не отличается от любого другого профессионального фотоаппарата и я решил, что если меня затянет, то я, в будущем, могу перейти на что-то более серьезное.

Поводом для написания этой статьи стали слова, брошенные моим другом, о том, что он не понимает, зачем я купил себе новую камеру. Что современные телефоны фотографируют не хуже, и он ожидал чего-то более впечатляющего.

Меня же моя камера, в целом, устраивает, но эти слова меня задели. Я сказал, что он не может судить объективно, так как у него нет возможности сравнить фотографии сделанные в равных условиях, но с разных девайсов…

Как подключиться к Wi-Fi с Raspberry Pi Zero W

Не так давно я приобрел себе миниатюрный компьютер Raspberry Pi Zero W и первая проблема которая встала передо мной - это подключение к сети. У меня уже до этого был Raspberry Pi v1 и я немного знаком с этой системой, но я купил модель Zero из-за ее компакности и не планировал использовать ее вместе с монитором, поэтому установил Raspbian без графической оболочки.

Казалось бы, в наши дни, когда подключить к Wi-Fi может каждый ребенок, писать статьи на эту тему просто бессмысленно, но я бы не стал делать поспешных выводов. Возможно, если вы уже написали за сегодня пару shell скриптов на досуге, то можете смело скролить дальше, но если вы простой смертный то добро пожаловать.

Зачем мне использовать семантические теги, ARIA роли и атрибуты

Кажется, что HTML5 пришел в нашу жизнь не так давно. Но на днях я осознал, что он уже достаточно плотно вошел в мою повседневную жизнь как верстальщика, хотя казалось, что для этого понадобятся годы. Но до недавнего времени я не уделял внимание такой области Web разработки, как ARIA. Cегодня я решил рассказать вам о том, почему вам стоит начать пользоваться его благами, если вы еще не сделали этого.

componentWillReceiveProps умер! Да здравствует getDerivedStateFromProps!

Если вы вдруг не заметили, то componentWillReceiveProps умер. Точнее не совсем, но в React 17 точно умрет. Пока вы можете его использовать как и раньше, но разработчики пометили его как устаревший и вместо него рекомендуют использовать getDerivedStateFromProps. Почему же так и как с этим жить? Давайте вместе разберемся.