Всем привет!
Разобравшись, что использовать Redux для state management в проектах на React, мягко говоря, не лучшая идея, я преступил к поискам замены.
Ранее я использовал Context API and React Hooks, сейчас посмотрел MobX и RxJs, которая интегрирована в Angular.
Везде нашел плюсы и минусы, пока не могу сказать, что более оптимально. А что вы предпочитаете использовать?
PS Кстати, рекомендую ознакомиться всем, кто использует Redux и React - короткая тезисная статья: 5 причин, почему вы должны забыть о Redux в приложениях на React.
👉Подробнее
#react
Разобравшись, что использовать Redux для state management в проектах на React, мягко говоря, не лучшая идея, я преступил к поискам замены.
Ранее я использовал Context API and React Hooks, сейчас посмотрел MobX и RxJs, которая интегрирована в Angular.
Везде нашел плюсы и минусы, пока не могу сказать, что более оптимально. А что вы предпочитаете использовать?
PS Кстати, рекомендую ознакомиться всем, кто использует Redux и React - короткая тезисная статья: 5 причин, почему вы должны забыть о Redux в приложениях на React.
👉Подробнее
#react
Что вы используете для state management?
Anonymous Poll
38%
Redux
3%
MobX
4%
RxJs
6%
Context API and React Hooks (только в React)
8%
Другое
42%
Ничего, тк еще учусь
Сейчас жалею, что пока учился не сделал себе сайт-портфолио. Причем, я начинал даже - но слишком круто взял и так до ума и не довел. А теперь уже некогда - все свободное время уходит на работу.
Так что, если вы ещё на обучении - задумайтесь над этим и начинайте писать. Заодно и практика👍
Вот видео с примером - https://youtu.be/fMRu6HI_rRA
Так что, если вы ещё на обучении - задумайтесь над этим и начинайте писать. Заодно и практика👍
Вот видео с примером - https://youtu.be/fMRu6HI_rRA
YouTube
Верстаем сайт-портфолио на HTML / CSS из PSD с формой обратной связи PHP без перезагрузки
Хостинг HandyHost (промокод на использование 2 месяца бесплатно) — https://clck.ru/NpA6q
После перехода по ссылке нужно заполнить форму на странице и указать номер телефона (без него будет только 3 дня бесплатно). Посмотрите форму, там можно выбрать локацию…
После перехода по ссылке нужно заполнить форму на странице и указать номер телефона (без него будет только 3 дня бесплатно). Посмотрите форму, там можно выбрать локацию…
Подробно о React Router. Часть 1
Давно не встречал хороших свежих статей об этой библиотеке. Сам разбирался по документации, благо она действительно хорошая, но на английском. Постоянно использую эти знания и рекомендую всем разобраться с организацией роутинга.
👉Перевод👈
#react #router
Давно не встречал хороших свежих статей об этой библиотеке. Сам разбирался по документации, благо она действительно хорошая, но на английском. Постоянно использую эти знания и рекомендую всем разобраться с организацией роутинга.
👉Перевод👈
#react #router
Medium
Подробно о React Router. Часть 1 — основы роутинга, типы и динамические страницы
В этой серии статей вы подробно и доходчиво узнаете о том, как работает Router в React, как его можно использовать и другие интересные…
Почти все сайты что-то подгружают с сервера. Да и сам сайт не сразу отображается, поэтому принято показывать пользователю индикатор (прелоадер, спинер и тд) в тот момент, когда грузятся какие-то данные.
И в учебных проектах и в работе - везде приходилось это делать.
Если вы ещё не освоили, как это делать - вот одна из инструкций
#css
И в учебных проектах и в работе - везде приходилось это делать.
Если вы ещё не освоили, как это делать - вот одна из инструкций
#css
NOP::Nuances of programming
Как с помощью чистого CSS создать красивую анимацию загрузки для приложения
Некоторые социальные гиганты, такие как Facebook, даже используют этот подход для улучшения загрузки страниц. Как мы можем добиться такого же результата с помощью одного только простого CSS?
Перевод статьи 19 SEO-методов Нила Пателя, которые удвоят трафик из поиска.
Часть 1
Часть 2
Часть 3
#seo
Часть 1
Часть 2
Часть 3
#seo
SEOnews
19 SEO-методов Нила Пателя, которые удвоят трафик из поиска. Часть 1
Нил Патель рассказывает, как правильно проводить SEO-аудит, работать с посадочными страницами и анализировать мобилопригодность сайта
Продолжение о React Router.
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Подробнее
#react #router
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Подробнее
#react #router
Medium
Подробно о React Router. Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Часть 2. Параметры запроса, 404 страница и передача пропсов компоненту роута.
Сейчас, помимо кода, которого уже написал прилично, приходится заниматься и вёрсткой, которую прикручиваю к этому коду))))
Поэтому, продолжаю рекламировать мои любимые grid CSS - вот отличная статья для помощи в выборе, когда flex, а когда grid использовать!
#css #grid
Поэтому, продолжаю рекламировать мои любимые grid CSS - вот отличная статья для помощи в выборе, когда flex, а когда grid использовать!
#css #grid
Хабр
Использование Grid для макетов страниц, а Flexbox — для макетов компонентов
Мой брат недавно отучился на компьютерщика и сейчас завершает стажировку в области фронтенд-разработки. Он узнал и о CSS Grid, и о CSS Flexbox, но в том, как он пользуется этими механизмами создания...
Всем привет!🖖
Несколько дней назад закончился мой испытательный срок - я проработал 2 месяца!
За это время я много успел сделать, даже не ожидал, что так быстро вольюсь в проект.
Работаю пока из дома - сначала очень сожалел об этом, тк проект не простой достался, думал, что самому сложно будет разобраться.
Но, как говорится, "глаза боятся, а руки делают".
В итоге пришел к выводу, что дома у меня получается гораздо продуктивнее работать.
В целом, работа нравиться, стек у меня как я и хотел. Помимо работы, продолжаю заниматься самообразованием.
Выше выкладывал новое издание Фленаган - думаю подтянуть английский, почитав его в оригинале.
Что я могу сказать - вроде как, я стал программистом))) Сбылась мечта идиота)) Но удовлетворения сильного пока нет - слишком многому я ещё хочу научиться. И пока это все фронт и немного сопутствующего, типо docker, Mac и тд.
Так что, не сдавайтесь и все у вас получится!
PS Зарплату подняли в несколько раз, что тоже приятно.
#план
Несколько дней назад закончился мой испытательный срок - я проработал 2 месяца!
За это время я много успел сделать, даже не ожидал, что так быстро вольюсь в проект.
Работаю пока из дома - сначала очень сожалел об этом, тк проект не простой достался, думал, что самому сложно будет разобраться.
Но, как говорится, "глаза боятся, а руки делают".
В итоге пришел к выводу, что дома у меня получается гораздо продуктивнее работать.
В целом, работа нравиться, стек у меня как я и хотел. Помимо работы, продолжаю заниматься самообразованием.
Выше выкладывал новое издание Фленаган - думаю подтянуть английский, почитав его в оригинале.
Что я могу сказать - вроде как, я стал программистом))) Сбылась мечта идиота)) Но удовлетворения сильного пока нет - слишком многому я ещё хочу научиться. И пока это все фронт и немного сопутствующего, типо docker, Mac и тд.
Так что, не сдавайтесь и все у вас получится!
PS Зарплату подняли в несколько раз, что тоже приятно.
#план
Думаю, уже многие слышали о Deno.
Если теперь хочется попрактиковаться, то вот хорошая стать, в которой напишите первое приложение - ToDo-лист на Deno
#deno
Если теперь хочется попрактиковаться, то вот хорошая стать, в которой напишите первое приложение - ToDo-лист на Deno
#deno
Хабр
Todo-лист для командной строки на Deno
Вы уже наверняка слышали про Deno и, скорее всего, прочитали пару-тройку обзоров. В рамках своей статьи я предлагаю испытать Deno на практике, написав приложение...
Многие из нас (сужу по себе🤣) стараются быть в тренде и использовать самый свежий стек технологий во фронтенде. А нужно ли это?
Сегодня утром прочел интересную статью - Не надо следовать JavaScript-трендам
#js
Сегодня утром прочел интересную статью - Не надо следовать JavaScript-трендам
#js
Всем привет!
На днях занимался вопросами темизации и кастомизации приложения. Пришлось много материалов перечитать и попробовать реализовать на практике. Хочу поделиться 3-мя статьями и презентацией для полного понимания этой темы. Если когда столкнетесь - не придется столько сил потратить, как я.
1. Презентация от Harry Roberts
2. More Transparent UI Code with Namespaces - тот же автор
3. В продолжение темы
4. Темизация с Sass: бесконечная история - если вы поняли суть из первых ссылок или вам нафиг суть не нужна, хотите просто реализовать, то тут коротко и на русском вся суть.
#css
На днях занимался вопросами темизации и кастомизации приложения. Пришлось много материалов перечитать и попробовать реализовать на практике. Хочу поделиться 3-мя статьями и презентацией для полного понимания этой темы. Если когда столкнетесь - не придется столько сил потратить, как я.
1. Презентация от Harry Roberts
2. More Transparent UI Code with Namespaces - тот же автор
3. В продолжение темы
4. Темизация с Sass: бесконечная история - если вы поняли суть из первых ссылок или вам нафиг суть не нужна, хотите просто реализовать, то тут коротко и на русском вся суть.
#css
Speaker Deck
4½ Methods for Theming in (S)CSS
A detailed look at four (and a bit) different ways to provide various types of theming functionality in your UI projects.
Всем привет!
Наткнулся на оригинальную статью - Что такое CI (Continuous Integration) в картинках 🤣🤣🤣
Наткнулся на оригинальную статью - Что такое CI (Continuous Integration) в картинках 🤣🤣🤣
Всем привет!
Всегда стараюсь следить за новинками. Поэтому, предлагаю перевод статьи о новой фишке из ECMAScript 2020 - Как использовать Nullish Coalescing в JavaScript
#js
Всегда стараюсь следить за новинками. Поэтому, предлагаю перевод статьи о новой фишке из ECMAScript 2020 - Как использовать Nullish Coalescing в JavaScript
#js
Medium
Как использовать Nullish Coalescing(оператор нуллевого слияния) в JavaScript
В этой статье вы узнаете как работать с Nullish Coalsing, а именно оператором нулевого слияния в ES2020
Когда я слышу вопрос - "что сложнее всего в JavaScript?", то почему-то перед глазами загораются 3 буквы - CSS 🤣🤣🤣
Сегодня перед работой прочел шикарную статью, рекомендую - Советы по сложным CSS-иллюстрациям
А зайдя в песочницу автора, чуть не опоздал на работу - там можно на долго залипнуть, разбирая его примеры.
✅В закладки!
#css
Сегодня перед работой прочел шикарную статью, рекомендую - Советы по сложным CSS-иллюстрациям
А зайдя в песочницу автора, чуть не опоздал на работу - там можно на долго залипнуть, разбирая его примеры.
✅В закладки!
#css
Авторские и переводные статьи по фронтенду
Советы по сложным CSS-иллюстрациям — Веб-стандарты
Если бы вы меня спросили, какой вопрос мне чаще всего задают про фронтенд-разработку, я бы ответил: «Как прокачаться в CSS?». Этот вопрос обычно озвучивают после того, как я делюсь сделанными мной CSS-иллюстрациями. Это что-то, что я люблю делать на CodePen.
Всем привет! 🖖
Последнее время в личку и в нашем чате очень часто задают вопросы о том, как в конце обучения подготовиться к работе, что бы поскорее устроиться, что и как для этого лучше учить.
Чтобы 100 раз не повторять свое мнение, опишу его подробно.
Когда я устроился на работу, я уже писал, что можно было это сделать гораздо быстрее - месяцев так на 6. Сейчас я только убедился в своих мыслях - не нужно было писать большой проект для портфолио, оптимальнее выбрать другой путь.
Я считаю, что после изучения базовых знания языка нужно сразу приступать к поискам работы и запрашивать тестовые задания везде, где только можно! Я сразу не пошел по этому пути, тк думал, что просто испорчу впечатления в компаниях своего города (их не так много как в Москве или во многих городах Украины). Типа, я хорошо подготовлюсь и потом быстро устроюсь. Да, так и вышло - но я потратил на этот путь гораздо больше времени. А знаний приобрел меньше, чем делая множество разносторонних тестовых заданий.
Т.е. выполняя тестовые задания вы приобретаете множество плюсов:
+ вы приступает к практической работе;
+ делаете задания, которые потом придется делать на работе;
+ формируете свое портфолио множеством интересных разноплановых работ, что смотрится интереснее, чем 1 большое;
+ в жизни бывает всякое и вполне возможно, что вас с таким подходом гораздо раньше возьмут на работу, чем вы будите готовы. Т.е. компании срочно вы нужны и они будут готовы доучить вас немного.
Минус, я видел у этого подхода только один - типа пройду по всем вакансиям и что потом делать??? Как я был не прав ))) Да ничего не делать - просто идти по 2 кругу, но уже с новым богажом знаний)))
Я смотрю - у всех наших компаний пол года уже висят вакансии, они платят HH за размещение, рекламу - а закрыть не могут. Либо, просто всегда готовы брать новых сотрудников.
Поэтому, на мой взгляд - это самый оптимальный подход после изучения базовых принципов языка.
Если вам интересен такой подход - голосуем лайками и я соберу в одном месте тестовые, которые мне встречались и поделюсь своими решениями, сможете сравнить.
А так же думаю постоянно обновлять эту базу - присылайте в личку или в чат свои тестовые, можно с решениями, буду собирать все в одном месте.
Всем удачи, главное не сдавайтесь!
Последнее время в личку и в нашем чате очень часто задают вопросы о том, как в конце обучения подготовиться к работе, что бы поскорее устроиться, что и как для этого лучше учить.
Чтобы 100 раз не повторять свое мнение, опишу его подробно.
Когда я устроился на работу, я уже писал, что можно было это сделать гораздо быстрее - месяцев так на 6. Сейчас я только убедился в своих мыслях - не нужно было писать большой проект для портфолио, оптимальнее выбрать другой путь.
Я считаю, что после изучения базовых знания языка нужно сразу приступать к поискам работы и запрашивать тестовые задания везде, где только можно! Я сразу не пошел по этому пути, тк думал, что просто испорчу впечатления в компаниях своего города (их не так много как в Москве или во многих городах Украины). Типа, я хорошо подготовлюсь и потом быстро устроюсь. Да, так и вышло - но я потратил на этот путь гораздо больше времени. А знаний приобрел меньше, чем делая множество разносторонних тестовых заданий.
Т.е. выполняя тестовые задания вы приобретаете множество плюсов:
+ вы приступает к практической работе;
+ делаете задания, которые потом придется делать на работе;
+ формируете свое портфолио множеством интересных разноплановых работ, что смотрится интереснее, чем 1 большое;
+ в жизни бывает всякое и вполне возможно, что вас с таким подходом гораздо раньше возьмут на работу, чем вы будите готовы. Т.е. компании срочно вы нужны и они будут готовы доучить вас немного.
Минус, я видел у этого подхода только один - типа пройду по всем вакансиям и что потом делать??? Как я был не прав ))) Да ничего не делать - просто идти по 2 кругу, но уже с новым богажом знаний)))
Я смотрю - у всех наших компаний пол года уже висят вакансии, они платят HH за размещение, рекламу - а закрыть не могут. Либо, просто всегда готовы брать новых сотрудников.
Поэтому, на мой взгляд - это самый оптимальный подход после изучения базовых принципов языка.
Если вам интересен такой подход - голосуем лайками и я соберу в одном месте тестовые, которые мне встречались и поделюсь своими решениями, сможете сравнить.
А так же думаю постоянно обновлять эту базу - присылайте в личку или в чат свои тестовые, можно с решениями, буду собирать все в одном месте.
Всем удачи, главное не сдавайтесь!
Ребята из RUVDS начали перевод курса по Vue.js для начинающих, который рекомендовала Наталья Теплухина, Staff Engineer в Gitlab и Core Team Member фреймворка Vue.
Уже переведены первые уроки.
👉Подробнее👈
#vue
Уже переведены первые уроки.
👉Подробнее👈
#vue
Vue Mastery
The Vue Instance
This lesson covers how to get your data from your JavaScript to show up in your HTML.