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-разработчика

Некоторые из них не очень активно поддерживаются, как хотелось бы. Речь про 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
This media is not supported in your browser
VIEW IN TELEGRAM
Gallery animation — анимированная галерея с эффектом при прокрутке. Реализована с помощью CSS и JavaScript.

https://codepen.io/Tiopayo/pen/GRYoMEZ

@javascriptv
👍103🔥2