Всех с праздником! 🎉 🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
Пробовал писать на next.js. Дерьмо. Возможно я что-то не понял, но я не смог подключать стили через селекторы, id и названия тегов. Всё только через классы. Может я не прав?
Макс ты молодец. Так быстро проговорить лекции причем все по делу и без воды. 2 с половиной часа!!! Материал очень был полезен. Отдельное спасибо за тайм коды. Но ты терминатор :) как так можно выдержать. Удачи тебе и здоровья.
2:08:36 Попробовал Макс сделать через и contentEditable, как ты и предложил. В итоге, результат такой же, как и в , т.е. тег вставляется как текст, а не применяется как стиль. Ты был прав, у div нет selectionStart и selectionEnd. Шаги как делал: 1. Вешаю на этот див слушатель onMouseUp const handleMouseUp = () => { // получаю выделенный текст const selection = window.getSelection() if (!selection) return // получаю стартовую и конечную поозицию выделенного текста const range = selection.getRangeAt(0) const startPos = range.startOffset const endPos = range.endOffset // сохраняю все в стейт setSelection({ text: selection.toString(), start: startPos, end: endPos, }) } 2. const applyFormat = (style: TStyle) => { if (!textRef.current) return if (!textRef.current.textContent) return if (!selection.text) return // тут как и с textarea const before = text.substring(0, selection.start) const after = text.substring(selection.end) setText(before + applyStyle(style, selection.text) + after) } 3. div вот так выглядит setText(textRef.current?.textContent ?? '')} >{text}
Большое спасибо! Первая часть была очень полезной, и вторая также пригодилась. Хочу сказать, что я уже перешёл на более высокий уровень. Я знаю и использую всю информацию из видео и сейчас активно изучаю материалы с других каналов. Однако мне больше нравится ваш стиль преподавания. Не могли бы вы создать продвинутый курс по React с использованием TypeScript? Все компании, в которых я проходил собеседования, требуют знание TypeScript и Next.js. Спасибо ещё раз!
Макс, супер конечно, что делаешь актуальный образовательный контент, да еще и бесплатный. Респект за это. Но над качеством подачи материала еще работать и работать. Хотя бы какой-то, примерный код, надо заранее накидывать..
Макс, спасибо тебе большое. Долго ждал, никак не мог найти у других блогеров такой хорошо структурированный курс, тем более в бесплатном доступе. Спасибо!
Да, tailwind курс нужно обновить, next было бы ниплохо. И может короткое видео сделать про обновлённый react-query (разбора 5 версии на канале вроде как не было)
Спасибо огромное за урок, очень информативно и лаконично! Единственное, имела сложность на практической части. Если следовать чисто по уроку, приходится один и тот же код переделывать несколько раз. Возможно, я ошиблась и стоило просмотреть всю практику, а уже потом приступать к работе; но, как по мне, было бы гораздо удобнее иметь более последовательный пример, чтоб, смотря видео, писать код одновременно с вами. Еще раз спасибо за ваш труд.
Используется ли в этом видео state manager? И будут ли новые видео с использованием Redux? Так как он все еще актуален в вакансиях. Будет ли правильно после этого курса посмотреть "Полный курс Redux Toolkit + RTK Query для начинающих"?
Огонь как раз нужен был такой курс, тока начинаю изучать реакт🔥 спасибо большое! Вот тока один вопрос, стоит ли просмотреть предыдущий ваш курс по реакту перед этим?
Tailwind - полезный инструмент, замечаю что опытные разработчики часто его используют, в обучение уж точно или чтобы быстро наброски проекта накидать, было бы здорово иметь полный справочник по свойствам. Спасибо за курс, с минимальным количеством теории всё-таки материал лучше усваивается чем без неё, как мне кажется.
Моргни в следующем видео, если тебя держат в заложниках. Ты выкладываешь видео как терминатор 😂 Пока единственный канал, который успевает выкладывать туториалы быстрее чем выходят фреймворки на JS
В качестве пожелания! может вы снимите курс реакта на маленьких приложениях для начинающих где будут использоваться и рассмотрены случаи применения того или иного хука или функционала. Т.е каждый тайм код тема. Может на маленьком приложении будет рассмотрена или несколько тем.
@@REDGroup Я не поняла видимо что в конце ещё что то есть. Но все в одном месте и не понимаю когда и что лучше применить. А на отдельных приложениях было бы понятнее (по мне).
Здравствуйте, Макс! Надеюсь вы увидите мой комментарий и он не останется без ответа) Во первых хочу чертовски сильно вас поблагодарить за ваш труд. Весь этот обучающий контент это просто кладись информации. Благодаря вам (и еще парочки блогеров) я смог с 0 трудоустроиться и перехать со своего города. На данный момент фронтендер... Однако благодаря вашим роликам смог изучить бекенд разработку (на nest), я уже довольно уверенно себя чувствую в беке, однако хочется расти дальше. Изучить например редис, когда его нужно применять, rabbit и многое многое из продвинутого. Хотел у вас спросить, есть ли у вас такие курсы, может планируете их снять? Может вы можете порекомедовать какие нибудь? Заранее спасибо за ответ!
привет здравомыслящий человек! хорошо что ты делаешь то что ты делаешь, я смотрел твой стрим вчера, и скажу тебе так, если ты бросишь свой график то вскоре ты соскучишься за ним. 100% тебе говорю
Здрасте Макс, если будешь делать по нексту, сдлеай пожалуйста показательный пример реализации themeBackground darkMode с ипользованием localStorage нативно, без всяких tailwind и прочишь готовых пакетов, будет здоровно, ибо на серверсайд нельзя использовать локальстор, а на клиенте всплывает перерендер баг, кнопки или темы. Возможно я уже подтяну знания и решу эту фичу, как выйдет ролик, но все же. Будет здоровно. За ранее спасибо и спасибо за это
![React Native для начинающих за 2 часа [2022] ! Мобильное приложение на JavaScript](http://i.ytimg.com/vi/K-aD8ClG1FQ/mqdefault.jpg)
![React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]](/img/1.gif)
Всех с праздником! 🎉
🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium
*В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
У меня npm не является встроенной командой
Установите nodejs
Версию 22.0.2 (Current), for Windows и using fnm? Или что using?
Пробовал писать на next.js. Дерьмо. Возможно я что-то не понял, но я не смог подключать стили через селекторы, id и названия тегов. Всё только через классы. Может я не прав?
Для чего вам некст, если вы задаете такие вопросы?
Давай полный курс по NextJS
+
+
+
Согласен!!!
+
Прям то что мне нужно на данном этапе. Нахватался всего, а по полочкам разложить не могу. Спасибо!
Брат, пожалуйста, не останавливайся, награда за знания, которые ты передаешь, велика.
Ждем полный курс по Next JS и TWcss
++
+
Фишка с теорией очень понравилось, благодаря тому что ты её не любишь ты все доносишь максимально доходчиво и круто
Монтаж и подача прям на высшем уровне! Как будто фильм посмотрел) Продолжай пожалуйста в том же духе
Очень быстрый курс, четко и без воды! Ни разу не перемотал вперед, все в быстром темпе!
спасибо за видео! ждем курс по tailwind и next!)
Макс ты молодец. Так быстро проговорить лекции причем все по делу и без воды. 2 с половиной часа!!! Материал очень был полезен. Отдельное спасибо за тайм коды. Но ты терминатор :) как так можно выдержать. Удачи тебе и здоровья.
Давай полный курс по TailwindCSS / NextJS! Классный подход к преподнесению материала. Все по делу и понятно. Спасибо
Скоро будет в новом формате
2:08:36 Попробовал Макс сделать через и contentEditable, как ты и предложил. В итоге, результат такой же, как и в , т.е. тег вставляется как текст, а не применяется как стиль. Ты был прав, у div нет selectionStart и selectionEnd.
Шаги как делал:
1. Вешаю на этот див слушатель onMouseUp
const handleMouseUp = () => {
// получаю выделенный текст
const selection = window.getSelection()
if (!selection) return
// получаю стартовую и конечную поозицию выделенного текста
const range = selection.getRangeAt(0)
const startPos = range.startOffset
const endPos = range.endOffset
// сохраняю все в стейт
setSelection({
text: selection.toString(),
start: startPos,
end: endPos,
})
}
2.
const applyFormat = (style: TStyle) => {
if (!textRef.current) return
if (!textRef.current.textContent) return
if (!selection.text) return
// тут как и с textarea
const before = text.substring(0, selection.start)
const after = text.substring(selection.end)
setText(before + applyStyle(style, selection.text) + after)
}
3. div вот так выглядит
setText(textRef.current?.textContent ?? '')}
>{text}
как раз понадобилось (буквально два часа назад) повторить базу по реакту! и тут видео! спасибо!!!!
Большое спасибо! Первая часть была очень полезной, и вторая также пригодилась. Хочу сказать, что я уже перешёл на более высокий уровень. Я знаю и использую всю информацию из видео и сейчас активно изучаю материалы с других каналов. Однако мне больше нравится ваш стиль преподавания. Не могли бы вы создать продвинутый курс по React с использованием TypeScript? Все компании, в которых я проходил собеседования, требуют знание TypeScript и Next.js. Спасибо ещё раз!
Этот курс мне понятнее чем первый по реакту, спасибо!
Макс, круто! Но хотелось бы "от и до" разбор теории + практика сразу на том каком-то интересном приложении. Ждем Next.js!!!
Снимай по next js, очень ждём!)
Tailwind css тоже нужно освежить, я считаю)
Спасибо огромное за качественный, актуальный контент и классную,подачу)
Прям именно то, что нужно было💯
Макс, супер конечно, что делаешь актуальный образовательный контент, да еще и бесплатный. Респект за это.
Но над качеством подачи материала еще работать и работать. Хотя бы какой-то, примерный код, надо заранее накидывать..
Давай по NEXT JS!!!
Давай полный курс по tailwind
Отличное видео, спасибо!!!! как раз учу сейчас, а новых видео по реакт оч мало
Макс, сделай, пожалуйста, полный курс по Next.js🔥
По первым двум минутам понимаю, что годнота подъехала🔥
Просто супер! Ждал этого 1000 лет!)
Топчик ролик. На новой клаве повысилась продуктивность у меня, тоже топ
Сразу видно что человек с огромным
опытом и знаниями, можете дать совет для меня(новичка) про этапы изучения фронтенд и т.д
есть видео на его канале от нуля до миддл все технологии и уровни
Спасибо за такой ролик. Сам изучаю React будет полезно.
курс имба по сравнению с прошлым(но и прошлый тоже кайф)✨✨✨✨
Макс, спасибо тебе большое. Долго ждал, никак не мог найти у других блогеров такой хорошо структурированный курс, тем более в бесплатном доступе. Спасибо!
Класс 👍. Давай курс по tailwind и next .js
Да, tailwind курс нужно обновить, next было бы ниплохо. И может короткое видео сделать про обновлённый react-query (разбора 5 версии на канале вроде как не было)
Спасибо огромное за урок, очень информативно и лаконично! Единственное, имела сложность на практической части. Если следовать чисто по уроку, приходится один и тот же код переделывать несколько раз. Возможно, я ошиблась и стоило просмотреть всю практику, а уже потом приступать к работе; но, как по мне, было бы гораздо удобнее иметь более последовательный пример, чтоб, смотря видео, писать код одновременно с вами. Еще раз спасибо за ваш труд.
Будем стараться делать лучше. ❤️
Новый уровень видео и уроков. Огонь
Огонь! Спасибо большое, очень полезно!
Класс!
Сделайте, пожалуйста урок по ReactFlow. Очень актуально нынче. По этой библиотеке нет нормальных видосов.
Привет, давай курс по Next 14
Го полный курс по NextJS! Удачи!
Топ, Макс, будет ли что-то по бэку? И что посоветуешь выбрать Express или Nest ?
Пока точно нет. Начать с express потом в нест, там же экспресс под капотом
Потратил 20 мин на поиск инфы по тому как при вводе «code» в консоли открыть VS Code, а ты через минуту после этого сказал как 🙃 Спасибо за видос !
Продолжай в том же духе. выполнена огромная работа. благодарность
Спасибо. Подписывайтесь на наш второй канал RED Group + теперь там все курсы выходят.
Используется ли в этом видео state manager? И будут ли новые видео с использованием Redux? Так как он все еще актуален в вакансиях. Будет ли правильно после этого курса посмотреть "Полный курс Redux Toolkit + RTK Query для начинающих"?
Начало 10:51
1:21:51 react router dom
Tailwind тоже ждем!!! Очень крутой инструмент!
сделай Курс по тайлвинд, пожалуйста ;) Очень крутой контент, спасибо!
Хорошая новость, будем смотреть
Спасибо за видео, информация очень полезная
Только вчера закончил повтор реакта по тому курсу, а тут новый подъехал😅
Приятного просмотра
Огонь как раз нужен был такой курс, тока начинаю изучать реакт🔥 спасибо большое!
Вот тока один вопрос, стоит ли просмотреть предыдущий ваш курс по реакту перед этим?
Думаю нет
Спасибо 👍
Ждем так же next 💥
Курс просто пушка. Спасибо большое.
Полный курс по NextJS.
Заранее спасибо!
Если что во vue можно использовать подобное
Ты крутой! Спасибо за урок по моему любимому реакту! С удовольствием посмотрел бы урок по таилвинду + реакт
Спасибо за видео! Очень полезно
Ждём курса по Next
Хотелось бы видеть курс по React на более продвинутом уровне
Поддержите
А чего не хватило? Как мне кажется дальше уже next js идет
@@REDGroup у тебя в родмапе вроде больше перед некстом
Про мемоизацию можно и про react fiber поизучать например когда мы можем давать элементам аттрибут key
Tailwind - полезный инструмент, замечаю что опытные разработчики часто его используют, в обучение уж точно или чтобы быстро наброски проекта накидать, было бы здорово иметь полный справочник по свойствам. Спасибо за курс, с минимальным количеством теории всё-таки материал лучше усваивается чем без неё, как мне кажется.
Будем еще улучшать сценарную часть, да и звук мне не до конца нравится. Я перфекционист в плане контента и важны вылизать до идеала
Хорошо обьсняешь даже теория не скучна красава
Вау, как ты умеешь заряжать❤
комментарий в поддержку канала) 🎉🎉
Супер! Спасибо👍
видос пушка хоть я знаю реакт все равно интресно повторить что то узнать новое)
Моргни в следующем видео, если тебя держат в заложниках. Ты выкладываешь видео как терминатор 😂 Пока единственный канал, который успевает выкладывать туториалы быстрее чем выходят фреймворки на JS
Больше 3тысяч лайков ) ждем next)
Уже давно вышел
Ждем обновление по nextjs и tailwind :)
Видео о красоте кода
Спасибо 😇
Полный курс по next пожалуйста Макс
Спасибо тебе за видео )
В качестве пожелания! может вы снимите курс реакта на маленьких приложениях для начинающих где будут использоваться и рассмотрены случаи применения того или иного хука или функционала. Т.е каждый тайм код тема. Может на маленьком приложении будет рассмотрена или несколько тем.
В конце была практика или это сложно показалось?
@@REDGroup Я не поняла видимо что в конце ещё что то есть. Но все в одном месте и не понимаю когда и что лучше применить. А на отдельных приложениях было бы понятнее (по мне).
Как всегда топ!!
Спасибо очень нравиться!!!!!!! Вот только говорите помедленнее новичку сложно за вашей скоростью )))))))))))))
go next js!!!
Макс, даешь react hook form!!!
Было бы круто верстать какой то проект и по ходу дела узнавать о фишках фреймворка. По типу видео Nuxt Dashboard
Давай курс по NEXT и Tailwind!
Давай полный курс по Redux
Пожалуйста
сами разработчики говорят, что б сразу redux toolkit изучали
redux забыть хотят
Четко , спасибо
Давай полный курс по NextJS Уже 2000 лайков эсть
Мы планируем новый формат курса, поэтому задержка
Видео огонь🔥
Здравствуйте, Макс! Надеюсь вы увидите мой комментарий и он не останется без ответа)
Во первых хочу чертовски сильно вас поблагодарить за ваш труд. Весь этот обучающий контент это просто кладись информации. Благодаря вам (и еще парочки блогеров) я смог с 0 трудоустроиться и перехать со своего города. На данный момент фронтендер... Однако благодаря вашим роликам смог изучить бекенд разработку (на nest), я уже довольно уверенно себя чувствую в беке, однако хочется расти дальше. Изучить например редис, когда его нужно применять, rabbit и многое многое из продвинутого. Хотел у вас спросить, есть ли у вас такие курсы, может планируете их снять? Может вы можете порекомедовать какие нибудь?
Заранее спасибо за ответ!
Спасибо за теплые слова. Пока в планах нет
А может можете порекомендовать какие нибудь курсы которые знаете сами?
@@REDGroup
@books414 Уже давно не видел продвинутых курсов в нашей сфере. Рекомендовать нечего
Хорошо, понял, спасибо@@REDGroup
привет здравомыслящий человек! хорошо что ты делаешь то что ты делаешь, я смотрел твой стрим вчера, и скажу тебе так, если ты бросишь свой график то вскоре ты соскучишься за ним. 100% тебе говорю
Красава , лучший ....спс
Блин, а вот его не могу смотреть в ускоренном режиме)
Редко такое встречается.
Привет из 2026, пишу на Red JS, удобнее чем Реакт, рекомендую!)
А ты что-то знаешь)
@@REDGroup 🤫 больше никому не скажу, так уж и быть, сохраню в секрете 😂
Спасибо больше ❤❤
Про стэйт менеджер можно снять про Effector
пишу коммент в поддержку и продвижение канала 💪💪💪
@REDGroup Что за приложение на маке по раздвоению экранов?
Amethyst
Жду польный курс по Tailwind 2024❤❤
Уже есть на втором канале red group +
@@REDGroup wooow😍😍🔥🔥🔥🔥
следущий ролик, "встаю в 3 часа, чтобы все успеть"))
Красава !!!!!!
Я думаю, нужно добавить к Next.js работу с React Query + SSR
самый хорошый канал по веб разработки 💪🏻👍🏻
Спасибо
jsx это javascript в тайпскрипт формате... это сильно
Здрасте Макс, если будешь делать по нексту, сдлеай пожалуйста показательный пример реализации themeBackground darkMode с ипользованием localStorage нативно, без всяких tailwind и прочишь готовых пакетов, будет здоровно, ибо на серверсайд нельзя использовать локальстор, а на клиенте всплывает перерендер баг, кнопки или темы. Возможно я уже подтяну знания и решу эту фичу, как выйдет ролик, но все же. Будет здоровно. За ранее спасибо и спасибо за это
Давай курс по tailwind