Simple data analysis (SDA) v2

SDA v2 - это JavaScript-библиотека для анализа данных, которая объединяет в себе лучшее из Python, R и JavaScript. Вторая версия SDA была полностью переписана для повышения производительности, используя DuckDB в качестве движка базы данных. Это позволило библиотеке работать в шесть раз быстрее, чем предыдущая версия.

👉 @sWebDev

Block tower

Пример реализации игры с постройкой башни на Three.js.

👉 @sWebDev

8 лучших практик для разработки компонентов React.js

В статье автор делится восемью лучшими практиками разработки компонентов React.js.

👉 @sWebDev

Tab Bar Animation (Dark)

Анимация для создания интерактивной навигации в приложении на GSAP.js.

👉 @sWebDev

React Advanced Function Component (AFC)

React-afc - это библиотека для более простого (чем в простом React) уменьшения количества ненужных ререндеров дочерних компонентов.

В обычном React функциональный компонент рендерится заново при каждом обновлении состояния или при изменении внешних зависимостей, таких как props. Это может привести к снижению производительности приложения, особенно если компонент имеет много дочерних компонентов.

React-afc предоставляет набор методов, которые позволяют оптимизировать рендеринг дочерних компонентов. Эти методы позволяют определять, какие дочерние компоненты необходимо рендерить заново, а какие можно пропустить.

👉 @sWebDev

Узнайте, как устроены сайты, и научитесь создавать свои. Присоединяйтесь к мини-курсу по веб-разработке от Skillbox и получите гайд по профессии. Он поможет вам узнать больше о том, что нужно для старта карьеры в веб-разработке.

Регистрация и подробная программа — по ссылке: https://epic.st/55jYv

После завершения мини-курса вы сможете добавить в своё портфолио 3 классных проекта: сайт, приложение и сервис.

Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов.

🎉Всех участников ждут подарки:
— сертификат на скидку 10 000 рублей на любой курс;
— доступ к изучению английского языка на год;
— персональная карьерная консультация.

🌟Откройте новые возможности для карьеры с нами!

Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Как получить доступ к информации о компонентах, директивах и шаблонах Angular

Какая директива Angular позволяет получить доступ к информации о компонентах, директивах и шаблонах?

👉 @sWebDev

React-компоненты на сервере: плюсы, минусы и подводные камни

В статье автор делится своим опытом использования React Server Components (RSC) в Next.js. Он рассматривает плюсы и минусы использования RSC, а также дает рекомендации по их применению.

👉 @sWebDev

Объединение рефов в React

Функция useForkRef() позволяет объединить два или более рефов в один. Принимает в качестве аргументов один или несколько рефов. В качестве результата функция возвращает функцию-реф, которая привязывает к себе все переданные рефы.

Пример useForkRef():

function App() {
  const [inputRef, inputRef2] = useForkRef(input);

  inputRef.current.addEventListener("change", handleChange);
  inputRef2.current.addEventListener("change", handleOtherChange);

  return (
    <input ref={input} />
  );
}

В этом примере мы используем функцию useForkRef() для создания двух отдельных обработчиков событий для одного и того же элемента DOM. Первый обработчик будет вызывать функцию handleChange(), а второй - функцию handleOtherChange().

👉 @sWebDev

Анимация на Anime.js

Абстрактная трехмерная анимация на Anime.js.

👉 @sWebDev

28 продвинутых функций Next.js, которые должен знать каждый

В статье рассматриваются некоторые продвинутые функции Next.JS, например, легкое удаление свойств JSX или проверка типов для файла next.config.js.

👉 @sWebDev

Symbiote.js 2.0

Это новая версия популярной фронтенд-библиотеки для создания веб-компонентов и приложений.

Symbiote.js отличается от других популярных библиотек тем, что она не пытается заменить собой веб-платформу или создать новый синтаксис. Вместо этого, она расширяет стандартные браузерные API, позволяя создавать гибкие и расширяемые решения.

👉 @sWebDev

Highway race

Пример реализации игры на Three.js.

👉 @sWebDev

Будущее React.use и React.useMemo: мощная альтернатива контекстным селекторам

Контекстные селекторы - это способ получения доступа к данным из контекста React. Они могут помочь предотвратить ненужные рендеры, но имеют ряд недостатков.

👉 @sWebDev

Реально ли IT-специалисту переехать в Великобританию без предложения о работе, без высшего образования и без знания английского языка? Ответ: да! Рассказываем, как это сделать.

Виза Global Talent дала возможность более 8000 IT-специалистам переехать в Британию в 2022 году. Она выдаётся на срок до 5 лет, по ней можно работать в любой компании, фрилансить, открывать собственный бизнес и даже претендовать на паспорт!

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

Подписывайтесь на наш Telegram-канал, где мы даём массу полезной информации о релокации: https://www.tg-me.com/movetalent

Пишите нам в WhatsApp: +44 7496 949122 или в Telegram: @relocode_dm. Мы проводим бесплатные консультации, на которых поможем разобрать ваш кейс и подобрать наиболее подходящий способ релокации.

Circular terrain Generator

Инструмент, который позволяет создавать круговые трехмерные ландшафты на Three.js.

👉 @sWebDev

Knex.js

Knex.js - это библиотека для работы с базами данных с открытым исходным кодом, которая упрощает разработку приложений, взаимодействующих с базами данных. Knex.js поддерживает различные типы баз данных, включая PostgreSQL, MySQL, SQL Server, SQLite и Oracle.

👉 @sWebDev

Работа с функцией reactive() Vue

Какое назначение у функции reactive() в Vue.js?

👉 @sWebDev