Курс React + Next.js - с нуля со скидкой до 90%: TypeScript, Hooks, SSR и CSS Grid
Курс по современному фронтенду Антона Ларичева на Udemy. В программе 19 глав и 130 лекций: React и Next.js, TypeScript, хуки, SSR, анимация и Framer, валидация и отправка форм, CSS-гриды, доступность и ARIA, линтеры и отладка. Цена с промокодом 1090 ₽👇
https://www.udemy.com/course/react-nextjs/?couponCode=992DA5852CAEB1A1AB1D
Курс по современному фронтенду Антона Ларичева на Udemy. В программе 19 глав и 130 лекций: React и Next.js, TypeScript, хуки, SSR, анимация и Framer, валидация и отправка форм, CSS-гриды, доступность и ARIA, линтеры и отладка. Цена с промокодом 1090 ₽👇
https://www.udemy.com/course/react-nextjs/?couponCode=992DA5852CAEB1A1AB1D
Udemy
React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid
Полный курс по современному Frontend на React и Next.js. Всё от CSS Grid и TypeScript до React Hooks и SSR
Полнофункциональное банковское приложение GraphQL с использованием React, Node и TypeScript https://cutt.ly/0RhDHGR
GitHub
GitHub - edwardcdev/apollobank at reactjsexample.com
A full stack GraphQL banking application using React, Node & TypeScript. - GitHub - edwardcdev/apollobank at reactjsexample.com
⚛️Представляем Sapling: расширение VS Code для просмотра иерархии компонентов React React - мощный инструмент для создания фронтенд-приложений, но при масштабировании навигация по иерархии компонентов может оказаться мучительной. Sapling призван изменить эту ситуацию. https://cutt.ly/YRhG1hO
Medium
Introducing Sapling: a VS Code Extension for Traversing React Component Hierarchy
React is a powerful tool for building your frontend applications, but at scale navigating the hierarchy of your components may be painful…
Онлайн-практикум: Как перейти из React.js в React Native?
Расскажем, с какими трудностями можно столкнуться при переходе и как быстро прокачать свои навыки! И самое главное: покажем процесс разработки и поделимся полезными ресурсами🤩
Когда? 2 ноября в 19:00
Формат: онлайн-практикум (проведем практический разбор технических вопросов с демонстрацией экрана)
Организаторы: Neti Mobile
Для кого:
✔️разработчикам React (middle)
✔️разработчикам React Native (junior)
✔️неугомонным разработчикам с тягой к новым знаниям
Спикеры от Neti Mobile
👨🏻💻 Наби, руководитель
🧑🏼💻 Ленар, разработчик React Native
Подробная информация и регистрация по ссылке: https://neti.timepad.ru/event/1803851/
Расскажем, с какими трудностями можно столкнуться при переходе и как быстро прокачать свои навыки! И самое главное: покажем процесс разработки и поделимся полезными ресурсами🤩
Когда? 2 ноября в 19:00
Формат: онлайн-практикум (проведем практический разбор технических вопросов с демонстрацией экрана)
Организаторы: Neti Mobile
Для кого:
✔️разработчикам React (middle)
✔️разработчикам React Native (junior)
✔️неугомонным разработчикам с тягой к новым знаниям
Спикеры от Neti Mobile
👨🏻💻 Наби, руководитель
🧑🏼💻 Ленар, разработчик React Native
Подробная информация и регистрация по ссылке: https://neti.timepad.ru/event/1803851/
⚛️Понимание и реализация OAuth2 в Node.js В этом учебнике мы создадим два разных приложения: одно для клиента (на React) и другое для серверных возможностей. OAuth2 используется повсеместно. От кнопок "Войти с помощью Facebook" до аутентификации API. Но как это работает? В этой статье Диого Соуза мягко введет нас в основные понятия, лежащие в основе OAuth2, а затем проведет нас через его реализацию в Node.js. https://cutt.ly/jRhHGzs
Honeybadger Developer Blog
Understanding and Implementing OAuth2 In Node.js
OAuth2 is everywhere. From "Login With Facebook" buttons to back-end API authentication. But how does it work? In this article, Diogo Souza will give us a gentle introduction to the big concepts behind OAuth2, then walk us through implementing it in Node.js.
⚛️Использование React Query для управления состоянием в вашем приложении React https://cutt.ly/LRhJapU
DEV Community
Using React Query to solve state management in your React app
I recently got the opportunity (and the privilege!) of starting a greenfield project at my current...
🎙 27 октября в 19:00 в продолжении серии митапов GPB.Talks спикеры из Газпромбанка, Яндекса и Bravado обсудят инструменты и фичи разработки на JavaScript в онлайн-формате
🔹 Надир Жумабаев, Senior Software Developer, Газпромбанк, расскажет о своем опыте использования функционального программирования и фичах в JS
🔹 Александра Шинкевич, Engineering Manager, Bravado, расскажет, что такое Bootstrap и почему подобные библиотеки полезно хоть раз в жизни пощупать руками на примере Bootstrap. А так же о том, чему подобные фреймворки не научат верстальщиков, но что стыдно не применять.
🔹 Никита Сидоров, The Frontend Operations Engineer,
Покажет, как уменьшить размер бандла и оптимизировать сборку еще сильнее и подскажет, как решить проблемы больших команд.
Митап проводится в партнерстве с венчурной компанией Startech.vc
Чтобы принять участие, зарегистрируйтесь по ссылке >
https://vk.cc/c78Iqh
🔹 Надир Жумабаев, Senior Software Developer, Газпромбанк, расскажет о своем опыте использования функционального программирования и фичах в JS
🔹 Александра Шинкевич, Engineering Manager, Bravado, расскажет, что такое Bootstrap и почему подобные библиотеки полезно хоть раз в жизни пощупать руками на примере Bootstrap. А так же о том, чему подобные фреймворки не научат верстальщиков, но что стыдно не применять.
🔹 Никита Сидоров, The Frontend Operations Engineer,
Покажет, как уменьшить размер бандла и оптимизировать сборку еще сильнее и подскажет, как решить проблемы больших команд.
Митап проводится в партнерстве с венчурной компанией Startech.vc
Чтобы принять участие, зарегистрируйтесь по ссылке >
https://vk.cc/c78Iqh
Распространенные ошибки производительности React 💣 https://goo.su/8KZx
DEV Community
Common React performance mistakes 💣
Performance optimisation is one of the challenges of a software developer. It is a big burden when...
Пакет компонентов React для создания форм, основанный на полной мощности схемы JSON. Этот инструмент предназначен для значительного сокращения усилий, необходимых для создания сложных форм в React. Он использует схему JSON в качестве языка описания формы, которую вы хотите создать. Он очень гибкий и может справиться практически с любыми требованиями за
счет мощности схемы JSON или настроек. https://goo.su/8mjh
счет мощности схемы JSON или настроек. https://goo.su/8mjh
React.js Examples
A React component package for generating forms based on the full power of JSON Schema
A React component package for generating forms based on (almost) the full power of JSON Schema
Найти работу в IT & Digital намного сложнее, чем кажется.
Сказки о з/п от $1500 разбиваются о суровую реальность, а до 50% хороших предложений вовсе не попадают на сайты с вакансиями.
Но с Hidden Gurus найти работу в IT & Digital можно за 3-4 дня.
Здесь собраны удалённые вакансии из Европы, США и РФ с зарплатой от $1000: устроятся и новички, и спецы.
Без посредников и прочей головной боли: подписались, нашли работу – @hiddengurus
Сказки о з/п от $1500 разбиваются о суровую реальность, а до 50% хороших предложений вовсе не попадают на сайты с вакансиями.
Но с Hidden Gurus найти работу в IT & Digital можно за 3-4 дня.
Здесь собраны удалённые вакансии из Европы, США и РФ с зарплатой от $1000: устроятся и новички, и спецы.
Без посредников и прочей головной боли: подписались, нашли работу – @hiddengurus
Использование material-table в React для создания многофункциональных таблиц данных Таблицы являются жизненно важной частью практически любого веб-приложения, особенно приложений, сильно управляемых данными.
В этом руководстве мы рассмотрим важность выбора правильного компонента таблицы для вашего проекта и продемонстрируем, как создавать таблицы в React, используя одну из лучших и наиболее многофункциональных доступных библиотек: material-table. https://goo.su/8nu
В этом руководстве мы рассмотрим важность выбора правильного компонента таблицы для вашего проекта и продемонстрируем, как создавать таблицы в React, используя одну из лучших и наиболее многофункциональных доступных библиотек: material-table. https://goo.su/8nu
LogRocket Blog
Using material-table in React to build feature-rich data tables - LogRocket Blog
Let's review how to create tables in React using one of the best and most feature-rich libraries available: material-table.
Как использовать шаблон проектирования адаптера в React Когда вы кодируете в React или любом другом инструменте, вам может понадобиться или понадобится сторонняя библиотека. Давайте поговорим о подходе, который гарантирует, что сторонние библиотеки, которые вы используете, будут хорошо сочетаться с вашим приложением. https://goo.su/8OtC
freeCodeCamp.org
How to Use the Adapter Design Pattern in React
When you're coding in React or any other tool, you might want or need to use a third-party library. Let's talk about an approach which will ensure that the third-party libraries you use will blend well with your application. As application developers, there's…
Каждый разработчик React должен знать эти библиотеки Привет, разработчики! Я здесь, чтобы поделиться некоторыми лучшими React component libraries, популярными среди разработчиков благодаря удобству использования и доступности.
Выбор правильной библиотеки для приложения может быть непростым. Когда дело доходит до создания современных приложений React, эти библиотеки компонентов экономят нам время и силы.
Итак, приступим. https://goo.su/8otD
Выбор правильной библиотеки для приложения может быть непростым. Когда дело доходит до создания современных приложений React, эти библиотеки компонентов экономят нам время и силы.
Итак, приступим. https://goo.su/8otD
DEV Community 👩💻👨💻
Every React Developer should know these libraries
Hey, Devs! I'm here to share some best React component libraries that are popular among developers...
Современная и гибкая система дизайна и UI-библиотека для React Современная, всеобъемлющая, гибкая система дизайна и библиотека пользовательского интерфейса. Быстро создавайте красивые приложения на React. https://goo.su/8scD
React.js Examples
A modern and flexible design system and UI library for React
Руководство по SWR для начинающих: получение данных в React Обычные методы получения данных, такие как Fetch API или библиотека Axios, хорошо работают в React. Их можно использовать для простой отправки и получения данных.
Но как насчет кеширования или разбивки на страницы? Или автоматическая повторная валидация или дедупликация запроса? Только Fetch и Axios могут отправлять или извлекать данные, затем возвращать свой ответ, и все.
В этой статье позвольте мне представить вам SWR, потрясающую библиотеку React Hooks, которая выводит выборку данных в React на новый уровень. https://goo.su/8Sdb
Но как насчет кеширования или разбивки на страницы? Или автоматическая повторная валидация или дедупликация запроса? Только Fetch и Axios могут отправлять или извлекать данные, затем возвращать свой ответ, и все.
В этой статье позвольте мне представить вам SWR, потрясающую библиотеку React Hooks, которая выводит выборку данных в React на новый уровень. https://goo.su/8Sdb
OpenReplay Blog
Beginner’s Guide to SWR: Data Fetching in React
Learn about SWR and what it means for your HTTP-needs
Знаете ли вы 5 типов состояний в React? Справочное руководство, чтобы лучше узнать свои состояния в React https://goo.su/8Tyo
Стандартная библиотека React: необходимый набор инструментов для любого проекта React https://cutt.ly/PRBYKNk
GitHub
GitHub - streamich/libreact: Collection of useful React components
Collection of useful React components. Contribute to streamich/libreact development by creating an account on GitHub.
Как защитить ваше приложение React.js Поскольку React постоянно обновляется и улучшается, я не могу составить здесь исчерпывающий список уязвимостей. Но здесь я расскажу о некоторых из наиболее известных и распространенных угроз. https://goo.su/8tyR
freeCodeCamp.org
How to Secure Your React.js Application
React.js is a scalable open-source JavaScript library and is one of the most commonly used front-end frameworks out there today. It's dynamic and is easy to get started with if you want to create interactive web applications with reusable components. There…
Полное объяснение кодовой базы React с помощью схем визуальных блоков Этот репозиторий содержит объяснение внутренней работы React. Фактически, я отлаживал всю кодовую базу и выкладывал всю логику на визуальные блок-схемы, анализировал их, обобщал и объяснял основные концепции и подходы. https://goo.su/8W95