Кодим на Коленке | Уроки по программированию
10.1K subscribers
2.43K photos
13 videos
3 files
1.96K links
Айти и точка.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/code_on_tg

РКН: clck.ru/3Jb7JX
Download Telegram
Правильная интеграция React query + Mobx | Объединяй, а не выбирай

В этом видео мы рассмотрим лучшую интеграцию двух мощных стейт менеджеров. react-query и mobx.
Их можно и нужно интегрировать вместе. И здесь я покажу самый удобный и правильный способ это делать

🗝 Урок живет здесь

Кодим на Коленке
| ChatGPT | #React
Полный курс React Query за час

Если вы уже знакомы с React, то этот материал поможет вам освоить React Query всего за час. Он представляет собой 20 уроков по React Query, объединённых в одно видео. Кроме того, автор ответит на вопросы, которые часто задают на собеседованиях с Junior Front-end разработчиками. Можно сказать, что это подробное и исчерпывающее руководство по React Query.

🗝 Урок живет здесь

Кодим на Коленке
| ChatGPT | #React
Zod: Защищаем приложение от пользователя и нерадивых бекендеров

В этом видео я покажу на примере React/Typescript приложения паттерн "Молодая советская республика в кольце врагов". А именно как с помощью zod защититься от не валидных входных данных

🗝 Урок живет здесь

Кодим на Коленке
| ChatGPT | #React
React Senior | Изучаем useLayoutEffect и callback Ref на реальном примере

useLayoutEffect и callback Ref - Редкие гости в наших приложениях. Но есть ситуации в которых без них никуда, и отрисовка стрелок на диаграмме одна из таких

🗝 Урок живет здесь

Кодим на Коленке
| ChatGPT | #React
Создаем ТИК ТОК на React.JS + React Query с настоящим API

Чтобы создать Тик Ток с нуля, нам понадобится:

- Целый React.JS
- Половинка React Query
- Немножко API (Real Tik Tok данные)
- Остальные библиотечки по вкусу

По итогу у нас получится реальное приложение с настоящими данными Тик Тока. Изучим подходы использования популярной библиотеки React Query и рассмотрим базисные вещи такие, как: работа с запросами, бесконечная подгрузка, кеширование и прочее.

🗝 Курс живет здесь

Кодим на Коленке
| ChatGPT | #React
👍2
Магазин Игр React/Redux

В этой серии видео я показал, как создать и сделать деплой магазина игр на React + Redux

🗝 Курс живет здесь

Кодим на Коленке
| #React #Redux
Введение в React-Three-Fiber

В этом видео мы посмотрим на библиотеку React-Three-Fiber

🗝 Урок живет здесь

Кодим на Коленке
| #React
Курс React Native для начинающих в 2024 году

Освойте основы React Native и создайте свое первое полнофункциональное мобильное приложение.

🗝 Курс живет здесь

Кодим на Коленке
| #React
React Router 6.4+

Знакомство с функциональностью React Router версии 6.4.

🗝 Курс живет здесь

Кодим на Коленке
| #React
React

Небольшой набор уроков, которые объясняют разные объекты React

🗝 Курс живет здесь

Кодим на Коленке
| #React
ReactJS под капотом

Большая серия уроков, которая позволит вам лучше узнать об аспектах React.

🗝 Курс живет здесь

Кодим на Коленке
| #React
React 19 Всё изменит? Обновления, пишем код c нуля. Quiz app

В данном уроке расскажу и покажу грядущие обновления React 19.
Попишем код.
Разберем отличия React@Canary и React@Experimental версий
Также с нуля инициализируем приложение c помощью Vite.

🗝 Урок живет здесь

Кодим на Коленке
| #React
👍1
Я РАЗРАБОТАЛ TODOIST сразу на ВСЕ УСТРОЙСТВА!

Разрабатываем полноценный клон Todoist с поддержкой всех платформ! От веб-версии до мобильных приложений - делаем полный комплект. Используем мощный стек: Tauri + React для десктопа, Expo React Native для мобильных устройств. Разберем создание задач с умным распознаванием дат, систему горячих клавиш, работу с подзадачами и многое другое. В основе back-end - связка NestJS + PostgreSQL + Prisma ORM

🗝 Курс живет здесь

Кодим на Коленке
| #React
Full-stack разработка Trello 2.0

Представляем вам разработанный нами сайт для планирования. В этом ролике мы создадим full-stack приложение Red Planner на популярном фреймворке React. Мы начнем с создания фронтенда, а затемку перейдем к созданию бэкенда с использованием фреймворка Nest и проект будет типизирован с использованием TypeScript (TS). Ещё в проекте будет использоваться такие технологии как prisma, horizon ui, axios, nextjs 14, express и тд. Приложение Trello 2.0 будет иметь все основные функции оригинального Trello, такие как создание, редактирование и удаление карточек, таймер, канбан, перетаскивание карточек между колонками и тд. Более того мы добавим в приложение тайм блокинг, который дает возможность идеально планировать свое расписание, перетаскивать задачи и многое другое

🗝 Курс живет здесь

Кодим на Коленке
| #React
RUTUBE и ТОЧКА. Разработка РУТУБА за 5 часов

В этом уроке мы разработаем правильный РУТУБ с использованием новейших технологий.

🗝 Урок живет здесь

Кодим на Коленке
| #NextJS #React
Игра в кальмара. Делаем веб приложение на React + Tailwind CSS + Firebase

В этом видео вы самостоятельно разработаете веб приложение 🦑 Игра в кальмара 🦑 на React + Tailwind CSS + Firebase

🗝 Урок живет здесь

Кодим на Коленке
| #React
Копия Тинькофф Банк на React Native (typescript, firebase, tailwind, dayjs)

В этом видео мы на практике сделаем полную копию Тинькофф Банка на React Native с typescript, firebase, tailwind, dayjs.

🗝 Урок живет здесь

Кодим на Коленке
| #React
🔥1
Что такое React?

Рассказываем про то что такое библиотека React для JavaScript и почему в современной веб разработке все ее используют

🗝 Урок живет здесь

Кодим на Коленке
| #React
Приложение для доставки еды React Native

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

🗝 Урок живет здесь

Кодим на Коленке
| #React