Объяснение математической нотации для разработчиков JavaScript
Умение понимать и применять математику в JavaScript может быть очень полезным. Это особенно актуально при работе с визуальными и интерактивными приложениями, для которых JavaScript подходит как нельзя лучше. Тем не менее, без математического образования бывает трудно понять, как все это воплощается в коде.
В этой статье я объясню некоторые из наиболее распространенных математических понятий и их символы. Я также приведу примеры, чтобы вы могли увидеть, как эти понятия могут быть реализованы в JavaScript. К концу этой заметки вы должны лучше понимать, что означают эти символы и как их можно перевести в код.
👉 @frontend_1
Find out how you can translate mathematical notation to JavaScript. This post explains some of the most common mathematical concepts, along with their symbols and how these can be implemented in JavaScript.
🛡️⚛️ Простая, масштабируемая и мощная архитектура для создания готовых к работе приложений React.
React - отличный инструмент для создания фронтенд-приложений. Он имеет очень разнообразную экосистему с сотнями отличных библиотек буквально для всего, что вам может понадобиться. Тем не менее, это может быть подавляющим фактором, когда приходится делать так много выбора. Он также очень гибок, вы можете писать приложения React любым удобным для вас способом, но за эту гибкость приходится платить. Поскольку не существует заранее определенной архитектуры, которой могут следовать разработчики, это часто приводит к беспорядочным, непоследовательным или слишком сложным кодовым базам.
Это попытка представить способ создания React-приложений с использованием лучших инструментов в экосистеме с хорошей структурой проекта, который очень хорошо масштабируется. Он основан на опыте работы с множеством различных кодовых баз, и эта архитектура оказалась наиболее эффективной.
Цель этого репозитория - служить коллекцией ресурсов и хороших практик при разработке приложений React. Оно должно продемонстрировать практическое решение большинства реальных проблем приложения и помочь разработчикам писать лучшие приложения.
https://github.com/alan2207/bulletproof-react
✍️ @React_lib
🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications. - GitHub - alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for...
Полная дорожная карта и ресурсы для того, чтобы стать разработчиком Web3 в 2022 году
20+ документов, учебников и видео, которые помогут вам начать работу с Web3
betterprogramming.pub/has-any…c9332c1f
👉 @frontend_1
3D CSS Plane 😎 (Tap to Toggle + Mouse Move Parallax) - Интерактивная моделька, выполненная с помощью Pug, Stylus и библиотеки Babel.js
#codepen #css #js
Подпишись👉 @codepen_1
CSS-in-JS: что это и чем отличается от обычного CSS
Стилизация страниц всегда происходит с помощью CSS. В веб-разработке принято разделять HTML и CSS файлы, подключая их друг к другу. Стилизация с использованием JavaScript (JS) в стандартных ситуациях происходит в тех случаях, когда требуется прописать изменение стилей при определенных условиях взаимодействия. Например, пользователь нажал на кнопку и появился какой-нибудь дополнительный блок, который по умолчанию скрыт. Подход CSS-in-JS предполагает вместо стандартных CSS-файлов со стилями использовать скриптовые файлы, где будут также прописываться стили.
Далее разберемся, какие особенности есть у подхода CSS-in-JS, когда он оправдан.
👉 @frontend_1
Who can get my blood? - Анимированная проверка на совместимость групп крови, выполненная с помощью CSS и JavaScript
#codepen #css #js
Подпишись👉 @codepen_1
Предотвращаем рендеры компонента с react-freeze
Библиотека использует механизм работы Suspense. Компонент оборачивается в Suspense и обертку Suspender. Когда нужно “заморозить” компонент, то в Suspender выбрасывается исключение Promise , который перехватывает Suspense. При получении промиса-исключения, Suspense ставит компонент в режим ожидания, предотвращая лишний рендер и изменение состояния.
Статья blog.swmansion.com/experim…578e2fa6
Github github.com/softwar…t-freeze
✍️ @React_lib
Найти работу в айти можно 2 методами:Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIN. Офигеть от условий и закрыть.
Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п.
Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах!
В общем, не теряйте времени и находите работу в 2 клика:@JScript_jobs
Новый сезон онлайн-конференции Podlodka Frontend Crew стартует уже 15 августа.
🛠 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🛠
Возьмите максимум пользы всего за 5 дней:
👽Вместе с Андреем Ситником из «Злых марсиан», Александром Краснояровым и Валентином Семирульником из Aviasales узнайте всю правду про Webpack и плагины — «золотой стандарт» организации процесса сборки.
🤖Научитесь автоматизировать процесс написания документации и не корпеть над скучными задачами вместе с Арманом Мурзабулатовым из Rabobank.
🧛🏻 Антон Крылов из Авито научит анализировать граф зависимостей, чтобы сложные зависимости на проекте или отсутствие документации не заставляли вас чувствовать боль и страдания.🧙🏼♀️Овладейте магией схем и декларативности с волшебной Полиной Гуртовой из «Злых марсиан».
Конференция продлится всего 5 дней. Продажа билетов уже стартовала на сайте. Поспешите на борт!
Как создать элемент из строки в JavaScript?
В этой заметке я покажу, как создать элемент HTML из строки с помощью JavaScript. Это можно использовать в ситуациях, когда пользователю требуются динамически генерируемые элементы.
Метод createElement() используется для создания элементов в DOM. Он принимает два параметра: tagName, который представляет собой строку, определяющую тип создаваемого элемента, и необязательный объект options, который можно использовать для изменения способа создания элемента. Любой необходимый элемент может быть передан в виде строки в эту функцию. Такой подход можно использовать только для создания одного элемента из одной строки.
В этом примере мы создаем заголовок, задавая строку как «h2».
@frontend_sovet