Фрагменты React

Возврат нескольких элементов из компонента является распространённой практикой в React. Используя <React.Fragment>...</React.Fragment>, можно добавить родительский тег к элементам JSX без добавления дополнительного узла к DOM.

    render() {
    return (
        <React.Fragment>
        <ChildA />
        <ChildB />
        <ChildC />
        </React.Fragment>
    );
    }

👉 @sWebDev

Как создать бота Discord с Node.js, Discord.js и OpenAI GPT-3

В данном руководстве мы создадим умного бота Discord, который сможет отвечать на сложные вопросы и выполнять требуемые задания. Для этой цели воспользуемся Node.js, Discord.js и OpenAI API для GPT-3, одной из самых крупных и умных обученных нейронных сетей.

👉 @sWebDev

Ellipsis.js

Ellipsis.js — это мини-библиотека для обработки многострочного многоточия. Используя эту библиотеку вы можете настроить обрезание текста в вашем веб-приложении.

👉 @sWebDev

Typing text transition

Анимация появления текста, выполненная на GSAP.js.

👉 @sWebDev

Interactive particles

Интерактивная сцена, выполненная с помощью библиотеки Three.js.

👉 @sWebDev

Redwood

Для описания данного фреймворка приведём цитату из его документации:"Redwood — своенравный, бессерверный фулстек фреймворк веб-приложений, позволяющий с легкостью создавать и развертывать приложения JAM-стека. Представьте себе React, статически поставляемый через CDN, который взаимодействует через GraphQL с вашим бэкендом, в свою очередь, работающим на AWS Lambdas по всему миру. И всё это развертывается с помощью git push. И это — Redwood."
Подробный обзор доступен по ссылке.

👉 @sWebDev

Биндинг данных в React

Материал в котором рассмотрим, как работать с разными элементами ввода и каких ошибок при этом стоит избегать.

👉 @sWebDev

Three JS background

Анимированный бэкграунд, выполненный с помощью библиотеки Three.js.

👉 @sWebDev

Удаляем пробелы на Vue.js

Если необходимо, чтобы автоматически обрезались пробелы в начале и в конце строки, используйте модификатор trim для полей ввода, обрабатываемых через v-model:

<input v-model.trim="msg">

👉 @sWebDev

SVG clock UI

Часы, выполненные на Gsap.js.

👉 @sWebDev

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

👉 JavaScript
👉 Фронтенду

Публикуем на канале:
⚡️ребята делятся опытом разработки
⚡️фрагменты кода
⚡️интересные задачи с разбором решений
⚡️тренды разработки
⚡️свежие новости

Проверь свои знания!

Полное руководство по тестированию AngularJS

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

👉 @sWebDev

Возможно ли использование контекста в React?

В большинстве случаев в React данные передаются от родителя к дочернему компоненту при помощи пропсов. Случается, что данный подход может быть громоздким, например из-за языка или UI-темы. Можно ли в такой ситуации использовать контекст в React?

👉 @sWebDev

Календарь на Vue.js

Проект управляемого календаря, выполненный с применением библиотеки Vue.js.

👉 @sWebDev

Transloco

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

👉 @sWebDev

Управление Состоянием В React С Помощью MobX

MobX — библиотека, упрощающая управление состоянием за счёт применения функционального реактивного программирования. Рассмотрим, как использовать MobX в качестве библиотеки для управления состоянием React приложений.

👉 @sWebDev

Vuejs Todo List

Анимированный список дел, выполненный на Vue.js.

👉 @sWebDev

Сравнение React и Vue: что общего и в чём разница по версии ChatGPT

Фреймворки сравнивают постоянно разные авторы. Узнаем, что о них думает нашумевшая ChatGPT.

👉 @sWebDev

Interactive Milk

Необычная анимация наливающегося молока, выполненная с применением библиотеки Matter.js.

👉 @sWebDev

Определение сервисов в Angular

Angular сервис - это обычный класс, используемый в контексте Angular для хранения глобального состояния приложения или в качестве поставщика данных.
Сервисы могут быть определены на уровне приложения, модуля или компонента.

Уровень приложения:
@Injectable({providedIn: 'root'})

Уровень модуля:
@Injectable({providedIn: AccountsModule})

Уровень компонента:

     @Component({
    selector: 'accounts-list',
    providers: [AccountsHttpService],
    template: <div>My accounts</div>
  })

👉 @sWebDev