Помню когда я в первый раз разбирался с 5 принципами S.O.L.I.D. - была путаница, либо недопонимание.
А это очень важно усвоить, тк используется везде, где есть ООП (а где его нет? 🤣).
Статей много в интернете, но сегодня наткнулся на такую, где пытаются объяснить через иллюстрации!
Попробуйте, возможно именно вам такой подход подойдёт!

Принципы SOLID в картинках

#js

Шикарная статья от разработчиков из компании Tinkoff - 12 советов по внедрению TypeScript в React-приложениях

#ts

Если вы ещё различаете верстальщика и фронтенд разработчика, то вот свежая статья - Что должен уметь верстальщик, чтобы в 2020г его все хотели

#css

Всем привет!

Разобравшись, что использовать Redux для state management в проектах на React, мягко говоря, не лучшая идея, я преступил к поискам замены.
Ранее я использовал Context API and React Hooks, сейчас посмотрел MobX и RxJs, которая интегрирована в Angular.
Везде нашел плюсы и минусы, пока не могу сказать, что более оптимально. А что вы предпочитаете использовать?

PS Кстати, рекомендую ознакомиться всем, кто использует Redux и React - короткая тезисная статья: 5 причин, почему вы должны забыть о Redux в приложениях на React.
👉Подробнее

#react

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

Так что, если вы ещё на обучении - задумайтесь над этим и начинайте писать. Заодно и практика👍
Вот видео с примером - https://youtu.be/fMRu6HI_rRA

Подробно о React Router. Часть 1
Давно не встречал хороших свежих статей об этой библиотеке. Сам разбирался по документации, благо она действительно хорошая, но на английском. Постоянно использую эти знания и рекомендую всем разобраться с организацией роутинга.

👉Перевод👈

#react #router

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

#css

Перевод статьи 19 SEO-методов Нила Пателя, которые удвоят трафик из поиска.

Часть 1

Часть 2

Часть 3

#seo

Продолжение о React Router.
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута

Подробнее

#react #router

Сейчас, помимо кода, которого уже написал прилично, приходится заниматься и вёрсткой, которую прикручиваю к этому коду))))
Поэтому, продолжаю рекламировать мои любимые grid CSS - вот отличная статья для помощи в выборе, когда flex, а когда grid использовать!

#css #grid

Всем привет!🖖

Несколько дней назад закончился мой испытательный срок - я проработал 2 месяца!

За это время я много успел сделать, даже не ожидал, что так быстро вольюсь в проект.
Работаю пока из дома - сначала очень сожалел об этом, тк проект не простой достался, думал, что самому сложно будет разобраться.
Но, как говорится, "глаза боятся, а руки делают".
В итоге пришел к выводу, что дома у меня получается гораздо продуктивнее работать.
В целом, работа нравиться, стек у меня как я и хотел. Помимо работы, продолжаю заниматься самообразованием.
Выше выкладывал новое издание Фленаган - думаю подтянуть английский, почитав его в оригинале.

Что я могу сказать - вроде как, я стал программистом))) Сбылась мечта идиота)) Но удовлетворения сильного пока нет - слишком многому я ещё хочу научиться. И пока это все фронт и немного сопутствующего, типо docker, Mac и тд.

Так что, не сдавайтесь и все у вас получится!

PS Зарплату подняли в несколько раз, что тоже приятно.

#план

Думаю, уже многие слышали о Deno.
Если теперь хочется попрактиковаться, то вот хорошая стать, в которой напишите первое приложение - ToDo-лист на Deno

#deno

Многие из нас (сужу по себе🤣) стараются быть в тренде и использовать самый свежий стек технологий во фронтенде. А нужно ли это?
Сегодня утром прочел интересную статью - Не надо следовать JavaScript-трендам

#js

Всем привет!

На днях занимался вопросами темизации и кастомизации приложения. Пришлось много материалов перечитать и попробовать реализовать на практике. Хочу поделиться 3-мя статьями и презентацией для полного понимания этой темы. Если когда столкнетесь - не придется столько сил потратить, как я.
1. Презентация от Harry Roberts
2. More Transparent UI Code with Namespaces - тот же автор
3. В продолжение темы
4. Темизация с Sass: бесконечная история - если вы поняли суть из первых ссылок или вам нафиг суть не нужна, хотите просто реализовать, то тут коротко и на русском вся суть.

#css

Всем привет!

Наткнулся на оригинальную статью - Что такое CI (Continuous Integration) в картинках 🤣🤣🤣

Всем привет!

Всегда стараюсь следить за новинками. Поэтому, предлагаю перевод статьи о новой фишке из ECMAScript 2020 - Как использовать Nullish Coalescing в JavaScript

#js

Основные отличия между Web workers, Service workers и Worklets

#js

Когда я слышу вопрос - "что сложнее всего в JavaScript?", то почему-то перед глазами загораются 3 буквы - CSS 🤣🤣🤣

Сегодня перед работой прочел шикарную статью, рекомендую - Со­ве­ты по слож­ным CSS-ил­лю­стра­ци­ям

А зайдя в песочницу автора, чуть не опоздал на работу - там можно на долго залипнуть, разбирая его примеры.

✅В закладки!

#css