Если вы разрабатываете на React, Vue или Angular - рекомендую использовать Storybook.
Эта штука просто незаменима при создании компонентов. Вам не нужно запускать проект и проверять, что вы там создали, как оно работает в разных состояниях и т.д. - вот для этих целей storybook
Вот краткая инструкция

ps Офф сайт - https://storybook.js.org/

#react #storybook

Всем привет!

Сделал свой первый проект на Gatsby и хочу написать пару слов.

Фантастическое быстродействие сайта (тестирую с lighthouse), множество плагинов, хорошая документация, актуальность технологи... глюки при сборке (причиной Typescript модуль был), частое "зависание" live server, какие-то мелки баги...
Короче, пока не знаю, что сказать, но фреймворк прикольный. Жаль я Next.js не пробовал, чтоб можно было сравнить.
Думаю, буду дальше разбираться с Gatsby. А тем кто занимается разработкой сайтов - рекомендую попробовать. Слышал, что многие переводят WordPress на Реакт и вот тут Gatsby вам должен зайти

#gatsby

Clip-path - как использовать обрезку в CSS.

👉Подробнее

#css

Всем привет!

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

👉Отзывчивый веб-дизайн и учёт высоты окна браузера

#css

Всем привет!

Вчера задумался о переходе с Redux на Redux Toolkit (если это можно назвать переходом). Конечно, был бы это мой выбор - я бы весь проект на MobX перевел, но...имеем, что имеем.
Если кто не в курсе, что такое Toolkit, то вот вам короткие видео, где наглядно показывают разницу от Redux
Часть 1
Часть 2

Кстати, кто уже использует Tollkit - напишите в комментария, достаточно вам встроенного в него thunk или в каких-то случаях приходится Redux Saga использовать?

#redux

P.S.
Кто хочет отдельно проголосовать за Redux Toolkit - палец вверх!👍

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

Немного для новичков (и не только) - перевод статьи, где автор разбирает несколько основных HTML5 API.

#html

Всем привет!

Сдал вчера анализы на антитела, результат положительный, с высокими показателями. Получается, я ковидом переболел.
Отделался лёгким испугом.
Беригите себя и близких, всем здоровья!!!

Всем привет!
Отпуск пролетел как одно мгновение - сегодня вернулся домой и приступаю к работе. Ближайшая задача - регистрация пользователя в приложении, аутентификация, валидация, OAuth2, firebase и тд Короче, то - что нужно почти всегда и везде))
Как всегда буду делиться полезными материалами и своими успехами (или ошибками).

Всем привет!
Наткнулся на прикольную статью от одного токсичного автора - в ней он предлагает вариант "адаптивного" шрифта для различной ширины экрана на чистом CSS с использованием em.

#css

Всем привет!

Загадка от Илона Маска, которую он (якобы) задавал на собеседованиях, во времена, когда ещё сам их проводил.

"Ты находишься в определенной точке на Земле. И вот ты идешь милю на юг, потом милю на запад, милю на север, и в конце концов возвращаешься в исходную точку. Так где же ты? Что это за точка на Земле?"

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

#собеседование

Хотите узнать, как научить компьютер видеть? Понять, как работает система распознавания лиц? А как насчет того, чтобы стать востребованным разработчиком со стартовой зарплатой от 100 тысяч рублей?

Приходите на Факультет компьютерного зрения экосистемы GeekBrains. Вы узнаете, как машины находят и классифицируют визуальные объекты, извлекают данные и анализируют полученную информацию. Специалисты, которые занимаются такими задачами, весьма неплохо зарабатывают. Кстати, студенты GeekBrains получают поддержку при трудоустройстве.

Python, Machine Learning, OpenCV, Deep Learning (Keras, Tensorflow, PyTorch), построение нейросетей — звучит сложно, но на деле учиться будет комфортно и новичкам, и опытным разработчикам.

Узнайте больше о старте обучения прямо сейчас →https://geekbrains.ru/link/sHP7-c

Всем привет!

Как-то в нашем чате было обсуждение собеседований и один из моих советов был - регулярно ходить на собеседования.
Хотел написать подробную статью, но все времени нет.
А вчера наткнулся на статью, где автор так и поступает. Рекомендую 👍

👉Зачем ходить по собеседованиям, если у вас уже есть хорошая работа?

#собеседование

Всем привет!

Хочу поднять глобальную тему - комментарии в коде.
Одни говорят, что достаточно понятного кода и хороших названий функций и переменных. Другие топят за то, что бы комментировать все, что только можно.
Остальные не придерживаются никаких подходов и комментируют от случая, к случаю.
А как вы делаете?

Кстати, вот один из подходов

Всем привет!

Решил че-нить прикупить полезное в "черную пятницу". Остановился на учебных материалах - купил некоторое курсы.

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

Всем привет!

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

На самом деле, вариантов хранения данных очень не много и почти все они довольно просты.

Вот статья для начинающих где коротко можно ознакомится, а потом пробовать использовать.

#js

Всем привет!

В javascript изменения и дополнения языка идут семимильными шагами. Если раньше на каждом форуме его ругали за ошибки и недостатки, то сейчас почти все исправлено, причем очень грамотно.
Постоянно появляются крутые возможности для более удобной работы с языком.
Не зря я писал год назад - "JavaScript захватит мир" 🤣

Кстати, о новинках - постоянно в Typescript (а я на нем сейчас пишу) использую optional chaining (?.) - данный оператор прям очень часто требуется и сильно сокращает код.
Если кто не в теме, читаем тут

PS Из новинок обратите внимание на:
- Конвейерный оператор |>
- Nullish coalescing operator(??) (тоже очень часто нужен)
- Exponentiation (тут 2 звёздочки, но телеграм не даёт их писать) - возведение в степень. Аналог Math.pow, но в качестве операндов также можно использовать BigInt

#js