Всех с праздником! 🎉 🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
Извините, я погорячился.... Просто после недели попыток сделать нормальную вёрстку селекторами, я бросил на месяц. У меня сдали нервы. А сейчас я наконец таки разобрался. Ещё раз извините, next норм
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. Спасибо ещё раз!
Макс ты молодец. Так быстро проговорить лекции причем все по делу и без воды. 2 с половиной часа!!! Материал очень был полезен. Отдельное спасибо за тайм коды. Но ты терминатор :) как так можно выдержать. Удачи тебе и здоровья.
Макс, супер конечно, что делаешь актуальный образовательный контент, да еще и бесплатный. Респект за это. Но над качеством подачи материала еще работать и работать. Хотя бы какой-то, примерный код, надо заранее накидывать..
Спасибо огромное за урок, очень информативно и лаконично! Единственное, имела сложность на практической части. Если следовать чисто по уроку, приходится один и тот же код переделывать несколько раз. Возможно, я ошиблась и стоило просмотреть всю практику, а уже потом приступать к работе; но, как по мне, было бы гораздо удобнее иметь более последовательный пример, чтоб, смотря видео, писать код одновременно с вами. Еще раз спасибо за ваш труд.
Используется ли в этом видео state manager? И будут ли новые видео с использованием Redux? Так как он все еще актуален в вакансиях. Будет ли правильно после этого курса посмотреть "Полный курс Redux Toolkit + RTK Query для начинающих"?
Макс, спасибо тебе большое. Долго ждал, никак не мог найти у других блогеров такой хорошо структурированный курс, тем более в бесплатном доступе. Спасибо!
Да, tailwind курс нужно обновить, next было бы ниплохо. И может короткое видео сделать про обновлённый react-query (разбора 5 версии на канале вроде как не было)
Правильно ли я понимаю что команда 12:09 "rm -rf" относиться к Linux или macOS? Так как у меня была ошибка на Windows: Remove-Item : Не удается найти параметр, соответствующий имени параметра "rf". строка:1 знак:4 + rm -rf email + ~~~ + CategoryInfo : InvalidArgument: (:) [Remove-Item], ParameterBindingException + FullyQualifiedErrorId : NamedParameterNotFound,Microsoft.PowerShell.Commands.RemoveItemCommand. Да и прописывание этой команды было только для примера?
В качестве пожелания! может вы снимите курс реакта на маленьких приложениях для начинающих где будут использоваться и рассмотрены случаи применения того или иного хука или функционала. Т.е каждый тайм код тема. Может на маленьком приложении будет рассмотрена или несколько тем.
@@REDGroup Я не поняла видимо что в конце ещё что то есть. Но все в одном месте и не понимаю когда и что лучше применить. А на отдельных приложениях было бы понятнее (по мне).
Tailwind - полезный инструмент, замечаю что опытные разработчики часто его используют, в обучение уж точно или чтобы быстро наброски проекта накидать, было бы здорово иметь полный справочник по свойствам. Спасибо за курс, с минимальным количеством теории всё-таки материал лучше усваивается чем без неё, как мне кажется.
Огонь как раз нужен был такой курс, тока начинаю изучать реакт🔥 спасибо большое! Вот тока один вопрос, стоит ли просмотреть предыдущий ваш курс по реакту перед этим?
я так и не понял, зачем он установил сначала typescript + swc, и после этого он говорит ставить эту вариацию, но после этого удаляет папку и уже установлено javascript + swc. Как это понимать ?
Здрасте Макс, если будешь делать по нексту, сдлеай пожалуйста показательный пример реализации themeBackground darkMode с ипользованием localStorage нативно, без всяких tailwind и прочишь готовых пакетов, будет здоровно, ибо на серверсайд нельзя использовать локальстор, а на клиенте всплывает перерендер баг, кнопки или темы. Возможно я уже подтяну знания и решу эту фичу, как выйдет ролик, но все же. Будет здоровно. За ранее спасибо и спасибо за это
Потому что по привычке установил typescript проект, а потом понял что не то сделал и удалил. После поставил JavaScript версию. Монтажер забыл подрезать
Здравствуйте, Макс! Надеюсь вы увидите мой комментарий и он не останется без ответа) Во первых хочу чертовски сильно вас поблагодарить за ваш труд. Весь этот обучающий контент это просто кладись информации. Благодаря вам (и еще парочки блогеров) я смог с 0 трудоустроиться и перехать со своего города. На данный момент фронтендер... Однако благодаря вашим роликам смог изучить бекенд разработку (на nest), я уже довольно уверенно себя чувствую в беке, однако хочется расти дальше. Изучить например редис, когда его нужно применять, rabbit и многое многое из продвинутого. Хотел у вас спросить, есть ли у вас такие курсы, может планируете их снять? Может вы можете порекомедовать какие нибудь? Заранее спасибо за ответ!
Моргни в следующем видео, если тебя держат в заложниках. Ты выкладываешь видео как терминатор 😂 Пока единственный канал, который успевает выкладывать туториалы быстрее чем выходят фреймворки на JS
Возможно можно было еще вынести все состояние текса и setText в отдельный контекс и обернуть все приложения, мб ошибаюсь и вообще не нужно и потом превью вынести в компонент отдельный с использованием контекста. Может быть супер бред.
![React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]](/img/1.gif)
Всех с праздником! 🎉
🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium
*В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
У меня npm не является встроенной командой
Установите nodejs
Версию 22.0.2 (Current), for Windows и using fnm? Или что using?
Для чего вам некст, если вы задаете такие вопросы?
Извините, я погорячился.... Просто после недели попыток сделать нормальную вёрстку селекторами, я бросил на месяц. У меня сдали нервы. А сейчас я наконец таки разобрался. Ещё раз извините, next норм
Давай полный курс по NextJS
+
+
+
Согласен!!!
+
Прям то что мне нужно на данном этапе. Нахватался всего, а по полочкам разложить не могу. Спасибо!
Очень быстрый курс, четко и без воды! Ни разу не перемотал вперед, все в быстром темпе!
Брат, пожалуйста, не останавливайся, награда за знания, которые ты передаешь, велика.
Фишка с теорией очень понравилось, благодаря тому что ты её не любишь ты все доносишь максимально доходчиво и круто
спасибо за видео! ждем курс по tailwind и next!)
Ждем полный курс по Next JS и TWcss
++
+
Монтаж и подача прям на высшем уровне! Как будто фильм посмотрел) Продолжай пожалуйста в том же духе
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. Спасибо ещё раз!
Спасибо огромное за качественный, актуальный контент и классную,подачу)
Макс ты молодец. Так быстро проговорить лекции причем все по делу и без воды. 2 с половиной часа!!! Материал очень был полезен. Отдельное спасибо за тайм коды. Но ты терминатор :) как так можно выдержать. Удачи тебе и здоровья.
как раз понадобилось (буквально два часа назад) повторить базу по реакту! и тут видео! спасибо!!!!
Прям именно то, что нужно было💯
Давай полный курс по TailwindCSS / NextJS! Классный подход к преподнесению материала. Все по делу и понятно. Спасибо
Скоро будет в новом формате
Этот курс мне понятнее чем первый по реакту, спасибо!
Отличное видео, спасибо!!!! как раз учу сейчас, а новых видео по реакт оч мало
Огонь! Спасибо большое, очень полезно!
Снимай по next js, очень ждём!)
Tailwind css тоже нужно освежить, я считаю)
Макс, круто! Но хотелось бы "от и до" разбор теории + практика сразу на том каком-то интересном приложении. Ждем Next.js!!!
Если что во vue можно использовать подобное
Просто супер! Ждал этого 1000 лет!)
Макс, супер конечно, что делаешь актуальный образовательный контент, да еще и бесплатный. Респект за это.
Но над качеством подачи материала еще работать и работать. Хотя бы какой-то, примерный код, надо заранее накидывать..
Спасибо огромное за урок, очень информативно и лаконично! Единственное, имела сложность на практической части. Если следовать чисто по уроку, приходится один и тот же код переделывать несколько раз. Возможно, я ошиблась и стоило просмотреть всю практику, а уже потом приступать к работе; но, как по мне, было бы гораздо удобнее иметь более последовательный пример, чтоб, смотря видео, писать код одновременно с вами. Еще раз спасибо за ваш труд.
Будем стараться делать лучше. ❤️
Используется ли в этом видео state manager? И будут ли новые видео с использованием Redux? Так как он все еще актуален в вакансиях. Будет ли правильно после этого курса посмотреть "Полный курс Redux Toolkit + RTK Query для начинающих"?
Топчик ролик. На новой клаве повысилась продуктивность у меня, тоже топ
Спасибо за такой ролик. Сам изучаю React будет полезно.
Макс, спасибо тебе большое. Долго ждал, никак не мог найти у других блогеров такой хорошо структурированный курс, тем более в бесплатном доступе. Спасибо!
Продолжай в том же духе. выполнена огромная работа. благодарность
Спасибо. Подписывайтесь на наш второй канал RED Group + теперь там все курсы выходят.
Да, tailwind курс нужно обновить, next было бы ниплохо. И может короткое видео сделать про обновлённый react-query (разбора 5 версии на канале вроде как не было)
Спасибо за видео, информация очень полезная
По первым двум минутам понимаю, что годнота подъехала🔥
Сразу видно что человек с огромным
опытом и знаниями, можете дать совет для меня(новичка) про этапы изучения фронтенд и т.д
есть видео на его канале от нуля до миддл все технологии и уровни
Новый уровень видео и уроков. Огонь
Про мемоизацию можно и про react fiber поизучать например когда мы можем давать элементам аттрибут key
Спасибо за видео! Очень полезно
курс имба по сравнению с прошлым(но и прошлый тоже кайф)✨✨✨✨
Давай полный курс по tailwind
Привет, давай курс по Next 14
Класс!
Сделайте, пожалуйста урок по ReactFlow. Очень актуально нынче. По этой библиотеке нет нормальных видосов.
Tailwind тоже ждем!!! Очень крутой инструмент!
Макс, сделай, пожалуйста, полный курс по Next.js🔥
Класс 👍. Давай курс по tailwind и next .js
Правильно ли я понимаю что команда 12:09 "rm -rf" относиться к Linux или macOS? Так как у меня была ошибка на Windows: Remove-Item : Не удается найти параметр, соответствующий имени параметра "rf".
строка:1 знак:4
+ rm -rf email
+ ~~~
+ CategoryInfo : InvalidArgument: (:) [Remove-Item], ParameterBindingException
+ FullyQualifiedErrorId : NamedParameterNotFound,Microsoft.PowerShell.Commands.RemoveItemCommand. Да и прописывание этой команды было только для примера?
Да, для виндовс есть аналоги. Это команда для удаления папки
Next.js Compiler интересует, а именно, как настроить styledComponents
Ты крутой! Спасибо за урок по моему любимому реакту! С удовольствием посмотрел бы урок по таилвинду + реакт
@REDGroup Что за приложение на маке по раздвоению экранов?
Amethyst
Супер! Спасибо👍
Курс просто пушка. Спасибо большое.
В качестве пожелания! может вы снимите курс реакта на маленьких приложениях для начинающих где будут использоваться и рассмотрены случаи применения того или иного хука или функционала. Т.е каждый тайм код тема. Может на маленьком приложении будет рассмотрена или несколько тем.
В конце была практика или это сложно показалось?
@@REDGroup Я не поняла видимо что в конце ещё что то есть. Но все в одном месте и не понимаю когда и что лучше применить. А на отдельных приложениях было бы понятнее (по мне).
Топ, Макс, будет ли что-то по бэку? И что посоветуешь выбрать Express или Nest ?
Пока точно нет. Начать с express потом в нест, там же экспресс под капотом
Давай по NEXT JS!!!
Спасибо 😇
Потратил 20 мин на поиск инфы по тому как при вводе «code» в консоли открыть VS Code, а ты через минуту после этого сказал как 🙃 Спасибо за видос !
сделай Курс по тайлвинд, пожалуйста ;) Очень крутой контент, спасибо!
Ждем так же next 💥
Tailwind - полезный инструмент, замечаю что опытные разработчики часто его используют, в обучение уж точно или чтобы быстро наброски проекта накидать, было бы здорово иметь полный справочник по свойствам. Спасибо за курс, с минимальным количеством теории всё-таки материал лучше усваивается чем без неё, как мне кажется.
Будем еще улучшать сценарную часть, да и звук мне не до конца нравится. Я перфекционист в плане контента и важны вылизать до идеала
Спасибо тебе за видео )
Как всегда топ!!
комментарий в поддержку канала) 🎉🎉
Макс, даешь react hook form!!!
Четко , спасибо
Полный курс по NextJS.
Заранее спасибо!
Огонь как раз нужен был такой курс, тока начинаю изучать реакт🔥 спасибо большое!
Вот тока один вопрос, стоит ли просмотреть предыдущий ваш курс по реакту перед этим?
Думаю нет
Спасибо 👍
Видео огонь🔥
Когда ты работаешь в Next.js, нет ошибок, всё нормально работает, а потом, когда обновляешь страницу, у тебя выходит ошибка. Почему?
Начало 10:51
1:21:51 react router dom
Го полный курс по NextJS! Удачи!
Больше 3тысяч лайков ) ждем next)
Уже давно вышел
Спасибо очень нравиться!!!!!!! Вот только говорите помедленнее новичку сложно за вашей скоростью )))))))))))))
Вау, как ты умеешь заряжать❤
видос пушка хоть я знаю реакт все равно интресно повторить что то узнать новое)
Хорошо обьсняешь даже теория не скучна красава
Красава , лучший ....спс
а почему у тебя цвета button и div различаются в dark modern, у меня например все синие
У меня стоит расширение color tag как то так называется
@@REDGroupСпасибо)
Только вчера закончил повтор реакта по тому курсу, а тут новый подъехал😅
Приятного просмотра
как называет пакет иконок для vs code?
В описании
во vue можно использовать одинарные теги
я так и не понял, зачем он установил сначала typescript + swc, и после этого он говорит ставить эту вариацию, но после этого удаляет папку и уже установлено javascript + swc. Как это понимать ?
Потому что сначала хотел тс потом понял что новичкам будет сложно и поставил js версию
@@REDGroup понял. Спасибо.
👍🏿 красава
Хорошая новость, будем смотреть
Здрасте Макс, если будешь делать по нексту, сдлеай пожалуйста показательный пример реализации themeBackground darkMode с ипользованием localStorage нативно, без всяких tailwind и прочишь готовых пакетов, будет здоровно, ибо на серверсайд нельзя использовать локальстор, а на клиенте всплывает перерендер баг, кнопки или темы. Возможно я уже подтяну знания и решу эту фичу, как выйдет ролик, но все же. Будет здоровно. За ранее спасибо и спасибо за это
Хотелось бы видеть курс по React на более продвинутом уровне
Поддержите
А чего не хватило? Как мне кажется дальше уже next js идет
@@REDGroup у тебя в родмапе вроде больше перед некстом
Было бы круто верстать какой то проект и по ходу дела узнавать о фишках фреймворка. По типу видео Nuxt Dashboard
Спасибо больше ❤❤
Зачем мы удаляем в начале проект? rm - rf? В чем смысл удалять?
Потому что по привычке установил typescript проект, а потом понял что не то сделал и удалил. После поставил JavaScript версию. Монтажер забыл подрезать
Увидел, спасибо!
Вы один из лучших в ру ютубе, спасибо за вашу работу❤ @@REDGroup
Про стэйт менеджер можно снять про Effector
Ждем обновление по nextjs и tailwind :)
Здравствуйте, Макс! Надеюсь вы увидите мой комментарий и он не останется без ответа)
Во первых хочу чертовски сильно вас поблагодарить за ваш труд. Весь этот обучающий контент это просто кладись информации. Благодаря вам (и еще парочки блогеров) я смог с 0 трудоустроиться и перехать со своего города. На данный момент фронтендер... Однако благодаря вашим роликам смог изучить бекенд разработку (на nest), я уже довольно уверенно себя чувствую в беке, однако хочется расти дальше. Изучить например редис, когда его нужно применять, rabbit и многое многое из продвинутого. Хотел у вас спросить, есть ли у вас такие курсы, может планируете их снять? Может вы можете порекомедовать какие нибудь?
Заранее спасибо за ответ!
Спасибо за теплые слова. Пока в планах нет
А может можете порекомендовать какие нибудь курсы которые знаете сами?
@@REDGroup
@books414 Уже давно не видел продвинутых курсов в нашей сфере. Рекомендовать нечего
Хорошо, понял, спасибо@@REDGroup
Где-то же был проект магазина на реакт, он актуален?
Да, только там nextjs
Красава !!!!!!
Видео о красоте кода
Моргни в следующем видео, если тебя держат в заложниках. Ты выкладываешь видео как терминатор 😂 Пока единственный канал, который успевает выкладывать туториалы быстрее чем выходят фреймворки на JS
пишу коммент в поддержку и продвижение канала 💪💪💪
49:00 оБЪЯСНИТЕ что такое это функция prev
Это стрелочная функция.
Рна сеттает, добавляет и много чего еще с объектом из юс эффект
Полный курс по next пожалуйста Макс
Ждём курса по Next
Возможно можно было еще вынести все состояние текса и setText в отдельный контекс и обернуть все приложения, мб ошибаюсь и вообще не нужно и потом превью вынести в компонент отдельный с использованием контекста. Может быть супер бред.
Давай полный курс по NextJS Уже 2000 лайков эсть
Мы планируем новый формат курса, поэтому задержка