React JS
17.6K subscribers
551 photos
59 videos
5 files
627 links
React программирование

@haarrp - admin

@itchannels_telegram - 🔥лучшие ит-каналы

@javascriptv - продвинутый javascript

@programming_books_it - бесплатные it книги

@ai_machinelearning_big_data - ml

№ 5037566384
Download Telegram
React Spectrum — создание компонентов нового поколения

При переиспользовании компонентов или создании новых на основе старых нам необходимо каждый раз заново разбираться в.логике кода Это неудобно. Согласны?

Решением этой проблемы является React Spectrum от компании Adobe. Это библиотека, в которой логика для создания компонентов уже написана за вас. Вам необходимо только импортировать её к себе в проект и добавить кастомных стилей.

В этой статье вы можете посмотреть, как работает эта библиотека, а также познакомиться с аналогами:

https://habr.com/ru/articles/718000/

#react #фронтенд

@react_tg
👍18🍌32🔥1
Полезная библиотека для понимания работы JS

js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

#js
👍26🔥3👎21
Подборка полезных библиотек React-разработчика

Некоторые из них не очень активно поддерживаются, как хотелось бы. Речь про react-beautiful-dnd — вместо нее советуют использовать dnd-kit.

Читать
❤‍🔥13👍21
React, Visualized — простое интерактивное руководство по основным концепциям React.

https://react.gg/visualized

@react_tg
15👍5🔥3
🔥 Top it channels

🖥 Linux
@linux -топ фишки, гайды, уроки по работе  с Linux.
@linux_read - бесплатные книги linux
@linux chat - чат linux для обучения и помощи.
@linuxacadd - linux с нуля

🖥 SQL базы данных

@sqllib - библиотека баз данных
@sqlhub - повышение эффективности кода с грамотным использованием бд.
@chat_sql - чат изучения бд.
databooks - лучшие бесплатные книги по базам данных

🖥 Python

@pythonl - гайды по Python.
@pro_python_code – Python практика.
@python_job_interview – подготовка к Python собеседованию.
@python_testit - проверочные тесты на python
@pythonlbooks - современные книги Python
@python_djangojobs - работа для Python программистов
@python_django_work - чат обсуждения вакансий

🖥 Java
@javatg - выучить Java с senior разработчиком по профессиональной методике.
@javachats - чат для ответов на вопросы по Java
@java_library - библиотека книг Java
@android_its - Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит

👣 Golang
@Golang_google - восхитительный язык от Google, мощный и перспективный.
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@golangtests - интересные тесты и задачи GO
@golangl - чат изучающих Go
@GolangJobsit - отборные вакансии и работа GO
@golang_jobsgo - чат для ищущих работу.
@golang_books - полезные книги Golang
@golang_speak - обсуждение языка Go

⭐️ Нейронные сети
@data_analysis_ml - data science
@vistehno - chatgpt ведет блог, решает любые задачи и отвечает на любые ваши вопросы.
@aigen - сети для генерации картинок. видео, музыки и многого другого.
@neural – погружение в нейросети.

🖥 Machine learning
@ai_ml – погружение в нейросети, ai, Chatgpt, midjourney, машинное обучение.
@machinelearning_ru – машинное обучении на русском от новичка до профессионала.
@machinelearning_interview – подготовка к собеседованию.
@datascienceiot – бесплатные книги Machine learning
@ArtificialIntelligencedl – канал о искусственном интеллекте
@machinee_learning – чат о машинном обучении
@datascienceml_jobs - работа ds, ml
@Machinelearning_Jobs - чат работы мл

🖥 Javascript / front

@react_tg - - 40,14% разработчиков сайтов использовали React в 2022 году - это самая популярная библиотека для создания сайтов.
@javascript -канал для JS и FrontEnd разработчиков. Лучшие практики и примеры кода. Туториалы и фишки JS
@Js Tests - каверзные тесты JS
@hashdev - погружение в web разработку.
@javascriptjobjs - отборные вакансии и работа FrontEnd.
@jsspeak - чат поиска FrontEnd работы.

👷‍♂️ IT работа

@hr_itwork - кураторский список актуальных ит-ваканнсии

🤡It memes
@memes_prog - ит-мемы

⚙️ Rust
@rust_code - Rust избавлен от болевых точек, которые есть во многих современных яп
@rust_chats - чат rust

#️⃣ c# c++
C# - объединяет лучшие идеи современных языков программирования
@csharp_cplus чат
С++ - Универсальность. Возможно, этот главный плюс C++.

📓 Книги

@programming_books_it - большая библиотека. программиста
@datascienceiot -ds книги
@pythonlbooks - python библиотека.
@golang_books - книги Golang
@frontendbooksit - front книги
@progersit - ит-шпаргалки
@linux_read - Linux books
@java_library - Java books

🖥 Github
@github_code - лучшие проекты с github
@bigdatai - инструменты по работе с данными

🍏🖥Mobile dev

@mobdevelop

🖥 Android

@android_its

🖥 Devops
Devops - специалист общего профиля, которому нужны обширные знания в области разработки.

📢 English for coders

@english_forprogrammers - Английский для программистов

🔢 Math

@dsmath - математика программиста

💡 ChatGpt bot

@Chatgpturbobot - бесплатный бот ChatGpt
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1513🔥2🥰1😈1
🔥 Тестируем GPT-4: Может ли искусственный интеллект создать веб-сайт на React.JS?

В Интернете есть бесчисленное множество заголовков о GPT-4. Некоторые говорят об эффекте калькулятора, некоторые говорят, что разработчики программного обеспечения обречены, а другие утверждают, что это конец света! В Интернете есть бесчисленное множество заголовков о GPT-4. Некоторые говорят об эффекте калькулятора, некоторые говорят, что разработчики программного обеспечения обречены, а другие утверждают, что это конец света! Но так ли это на самом деле?

В этой статье я поделюсь своим опытом использования GPT-4 для создания персонального веб-сайта с помощью React.JS и изучу, как он функционирует в качестве веб-разработчика.

Читать

@react_tg
10👍3🔥1
Knapsack Pro — оптимизация времени запуска тестов в проектах, написанных на любом языке программирования

Инструмент помогает существенно уменьшить время, затрачиваемое на запуск тестов. Достигается это за счёт автоматического распределения их на несколько рабочих машин в облаке

Это позволяет сэкономить время и снизить затраты на серверное оборудование и тестирование

Стоимость: #бесплатно (но есть платные тарифы)

#тестирование #cloud #оптимизация

@react_tg
👍72🔥2
Структуры данных во фронтенде

Структуры данных могут быть пугающими. Особенно для самоучек. Но с толковым объяснением и понятными примерами всё не так уж страшно.

Убедитесь сами: 

https://profy.dev/article/javascript-data-structures

#фронтенд
9👍3🔥1
Buildkiteавтоматизация сборки и развёртывания приложений

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

С помощью Buildkite вы можете интегрировать свои любимые инструменты и сервисы, такие как GitHub, Bitbucket, Slack, AWS и многие другие

Инструмент предоставляет UI, позволяющий создавать и настраивать пайплайны без необходимости писать код

Стоимость: #бесплатно (но есть платные тарифы)

#автоматизация #деплой

@react_tg
👍114🔥1
🎙 Разработка интерактивной звуковой площадки с помощью React Flow и Web Audio API: гайд для фронтенд-разработчика.

Читать

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥41
🪝 Давайте углубимся в React Hooks — React 16.8

В React есть десять встроенных хуков; вы узнаете, что выполняет каждый из них. Хуки – это функции, которые всегда начинаются с названия использования.

Вы должны знать, что они могут вызываться только на верхнем уровне функционального компонента и не работают в стандартных функциях JavaScript, циклах вложенных функций или чём-либо ещё. Давайте обсудим их один за другим!

Читать

@react_tg
👎11👍104🔥1🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Инструмент, упрощающий отладку компонентов UI

Preview.js — функциональное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.

Здесь вы можете посмотреть все возможности плагина и установить его:

https://previewjs.com/

#инструмент #фронтенд

@react_tg
👍334🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Folding Ticket Detail — интересная реализация складного билета с помощью React

https://codepen.io/pizza3/pen/bGVPZvo

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍40🔥113👎1
🖥 React Router 6 Lazy Loading

Полезный гайд по React Router, из которого вы узнаете, как использовать отложенную загрузку с React Router 6.

https://www.robinwieruch.de/react-router-lazy-loading/

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍221🥰1
🖥 React Interview Questions & Answers

500 популярных вопросов с React собеседований.

https://github.com/sudheerj/reactjs-interview-questions

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20❤‍🔥1👎1🔥1
How to Refactor Large React Components (The Story of a 2700-Line Component)

https://code.pieces.app/blog/how-to-refactor-large-react-components

@react_tg
👍71🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Scroll direction rotation — красивая галерея с эффектом наклона при скроллинге. Галерея написана с помощью SCSS и JavaScript.

https://codepen.io/choogoor/pen/bGjrWVL

@react_tg
7👍1
Поэтапный перевод учебника Patterns.dev, в котором представлен современный взгляд на шаблоны проектирования, рендеринга и производительности JavaScript.

🗄 Часть 1
🗄 Часть 2
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥51😱1
React Quickly, Second Edition Version 5

📚 Книга

@react_tg
10👍5🔥3🤩1
Тестируйте свои React-компоненты с помощью Nightwatch и Testing Library

Nightwatch и Testing Library — два крайне полезных инструмента для тестирования компонентов. Первая библиотека написана на Node.js и позволяет проводить полноценное сквозное тестирование веб-приложений и сайтов, написанных на JS. В свою очередь Testing Library более минималистичный инструмент, созданный специально для тестирования React-компонентов.

В этой статье вы научитесь:

— устанавливать новый проект React с помощью Vite, который также используется внутри Nightwatch для компонентного тестирования;
— подключать и конфигурировать Nightwatch и Testing Library;
— имитировать API запросы с помощью плагина @nightwatch/api-testing;
— писать комплексные React-компонентные тесты, используя Nightwatch и Testing Library.

https://habr.com/ru/companies/otus/articles/719266/

#react #qa
👍93🔥2
👍71🔥1