Что нужно знать из JS перед React

Поділитися
Вставка
  • Опубліковано 15 вер 2024

КОМЕНТАРІ • 206

  • @gritsienkooleg3447
    @gritsienkooleg3447 2 роки тому +102

    Вот за что я обожаю IT - столько людей желают поделиться лучшими выжимками своих знаний, только и остаётся всех благодарить и познавать) Спасибо, Алекс!)

  • @АлександрШпилевский-т3в

    Маленькое замечание, может кому пригодится - в стрелочной функции нет this. Ссылка будет на контекст, что очень удобно. Спасибо! Как всегда кратко о главном!

    • @Maxim9575
      @Maxim9575 3 роки тому +5

      также нельзя использовать в качестве конструктора и конечно же у стрелочных функций нет arguments, плюс нет своего super

    • @avel8965
      @avel8965 3 роки тому

      Это все на лерн js написано

    • @Jetixxxxxxxxxx
      @Jetixxxxxxxxxx 3 роки тому +2

      @@avel8965 это все в интернете было написано

    • @avel8965
      @avel8965 3 роки тому +1

      @@Jetixxxxxxxxxx да, брат, с лерна взяли

    • @master-rikk2121
      @master-rikk2121 3 роки тому

      А как же Class???

  • @tashchan
    @tashchan 3 роки тому +79

    (24:30) Чтобы проще переключать язык, лучше использовать win+space вместо shift+alt. Так не будет слетать фокус на поле ввода.
    Так как alt во многих программах бывает зарезервирован под горячие клавиши

    • @nero-je9ni
      @nero-je9ni 2 роки тому +21

      по сути всю жизнь сижу за компом, и всегда бесила эта фигня, где ты был раньше)) спасибо тебе

    • @nabiullinruslan
      @nabiullinruslan 2 роки тому +3

      На capslock переключаю

    • @AbdulMalik-ug1sp
      @AbdulMalik-ug1sp 2 роки тому +1

      Спасибо за совет

    • @crn05
      @crn05 Рік тому +4

      Ctrl + shift самое лучше сочетание

    • @RussellCrowe-rd5xi
      @RussellCrowe-rd5xi Рік тому

      В macOS command + пробел то же оч удобное сочетание смены языка

  • @Albert_Hall
    @Albert_Hall 3 роки тому +17

    Когда хочу исправить свое испорченное учебой Реакта и Ко настроение, то возвращаюсь сюда на канал к Александру, чтобы он своей прекрасной удобоперевариваемой подачей материала вернул мне Мотивацию :)

  • @ArtikMan1994
    @ArtikMan1994 3 роки тому +5

    Для повторения - самое то. Бесят люди которые говорят мол выучи js за недели две и го в реакт. Это вообще бред. Реакт легко зайдет если знания по скрипту достаточны. Но на реакте все далеко не заканчивается, далее идет экосистема, модули для разных нужд, вебпак и т д. За видео лайк тк оно познавательное и приносит пользу людям

    • @sjdjjsjsjs3991
      @sjdjjsjsjs3991 24 дні тому

      Ну за 2 недели выучить можно, если кто-то с многолетним опытом в программировании решит сменить язык на JS 😂

  • @o_opedro4044
    @o_opedro4044 3 роки тому +5

    Спасибо, отличный Урок 👍.
    Век живи, век учись...

  • @Ingvarsson-Ukr
    @Ingvarsson-Ukr 2 роки тому

    Дякую, гарний розбір, всі пояснення легкі та доступні!

  • @МаксимОніщук-п4т

    Большой молодец!
    Спасибо тебе за видео-уроки

  • @gritsienkooleg3447
    @gritsienkooleg3447 2 роки тому +1

    Спасибо, лучшее объяснение!) если вас мучает раскладка -> use Punto Switcher. Я уже забыл, когда последний раз сам переключал её 😉👌

  • @ИльясНуруясов-в2э
    @ИльясНуруясов-в2э 2 роки тому +1

    лучший канал про front-end

  • @clutron_26
    @clutron_26 3 роки тому +6

    Годный контент подъехал)

    • @itgid
      @itgid  3 роки тому

      спасибо вам.

  • @KanalReal
    @KanalReal 2 роки тому +1

    многие, кто делает подобные ролики, забывают про такие очевидные вещи, но те кто только разбирается в технологии - для них это всё может оказаться стеной.

  • @DJTrofin
    @DJTrofin Рік тому

    Спасибо!
    Как начал разбирать React с базовым знанием JS столкнулся с деструктуризацией и спросил себя "ШТА это такое?!".
    Благодаря вам, многое стало понятнее!!

  • @user-vg2fp8oi6x
    @user-vg2fp8oi6x 3 роки тому +6

    Как же я люблю реакт.)

    • @itgid
      @itgid  3 роки тому +2

      понимаю...

  • @АнтонПавлов-о5я
    @АнтонПавлов-о5я 2 роки тому +3

    Спасибо за видео! Изучаю React, хорошо знаю вёрстку, нет проблем с дизайном, есть понимание того, как должны работать приложения или в целом проекты с их бизнес процессами, но как начал изучать React и React Native понял, что большой пробел в знаниях именно в JS, именно это видео мне вполне помогло! Еще раз спасибо!

    • @user-bn7ij8cr1i
      @user-bn7ij8cr1i 2 роки тому +1

      Нужно было начать с чистого js

    • @user-tw9qj6mc8b
      @user-tw9qj6mc8b 2 роки тому

      То есть, вы начали изучать реакт без джс?
      Я сейчас тоже про это думаю,подскажите насколько сложно работать на реакт без знания джс?
      Как думаете для того чтобы работать на реакт достаточно знать основы джс?

    • @АнтонПавлов-о5я
      @АнтонПавлов-о5я 2 роки тому

      @@user-tw9qj6mc8b думаю без js будет сложно... К сожалению

    • @vz2883
      @vz2883 2 роки тому +1

      @@АнтонПавлов-о5я у Богдана Стащука хороший курс по js

    • @АртурВаськевич-л6и
      @АртурВаськевич-л6и 2 роки тому

      @@user-tw9qj6mc8b react просто библиотека js.Именно с js стоит начать обучение

  • @developer-c0re
    @developer-c0re Рік тому +2

    (27:54) именно return и сработал, поэтому и возврат - undefined, потому что console.log ничего не возвращает, что и подтверждает (28:18) , т.е. что с фигурными скобками, что без фигурных скобок в стрелочной функции всегда возвращается результат одного единственного оператора в функции

  • @evgeniys3473
    @evgeniys3473 3 роки тому +5

    Очень грамотный преподователь !
    Спасибо 🙂

    • @volnavolna2460
      @volnavolna2460 2 роки тому

      преподАватель, грамотей еб....ый!

  • @krowker
    @krowker 2 роки тому +1

    Супер видео!
    Спасибо огромное!
    Начал изучать веб программирование и сразу с реакта начал. Это видео очень помогло понять многие фишки js-a

    • @maksym4908
      @maksym4908 2 роки тому +4

      Починати вчити фронт з Реакта це все одно, що почати дивитись Гру Престолів з 5 сезону...

    • @KossMAAX
      @KossMAAX 2 роки тому

      Бро, то есть ты не зная JS, начал учить React???
      Дело в том, что я сейчас прозреваю с джава скриптом, вот не понимаю я его, хоть ты тресни(((
      Я не раз слышал, "начни изучать реакт, джс тебе будет проще понять"
      Можешь дать совет, реакт можно изучить без джс?

    • @krowker
      @krowker 2 роки тому

      @@KossMAAX мой бэкгрпунд - С и С++. Поэтому что такое программирование я знаю. Вот и не особо тратил время на джс. Всё что нужно знать из ванильного джса - зачем он нужен (история создания и что может) и синтаксис его. По сути самые основы джса изучить, а дальше реакт пошел изучать.

  • @АлексКул-ю8н
    @АлексКул-ю8н 2 роки тому

    Очень ёмко, просто и доступно! Автор, спасибо! Реально, круто!

  • @IgorBobyrev
    @IgorBobyrev Рік тому

    Я вот только нашел канал Александра, и то чувство, когда крылья за спиной и хочется скорее плюхнутся в это море и ПОЗНАВАТЬ! )))

  • @seijer7078
    @seijer7078 3 роки тому +2

    Вау, а я сверху еще и условия, циклы, массивы и немного работу с объектами, setTimeout и setInterval знаю. Думаю пора попробовать реакт.

  • @DerAleksey
    @DerAleksey Рік тому

    блин, сколько я искал подобное объяснение! Аминь!

  • @user-tv3of9nw8m
    @user-tv3of9nw8m Рік тому

    Александр огромное спасибо Вам за ваши труды!
    Настолько просто и весело, пожалуй, никто не преподаёт JS )

  • @antonprokopets332
    @antonprokopets332 2 роки тому

    Крутая подача материала. Я как сишник очень оценил! ускорено без воды

  • @dimitru1776
    @dimitru1776 3 роки тому +2

    спасибо, жду продолжения

  • @ivan7094
    @ivan7094 3 роки тому +2

    Очень полезная информация. Спасибо!

  • @nord12
    @nord12 3 роки тому +4

    Очень познавательно и прикольно изложенно! Поможет в работе с Реактом!
    Пы. Сы. Плакаль от МакДука, вёка, блоххера...

    • @itgid
      @itgid  3 роки тому +1

      ну самоирония позволяет держаться в рамках. Языком ворочать, не мешки таскать.

    • @nord12
      @nord12 3 роки тому

      @@itgid на самом деле я рад что такой канал существует, мне как бывшему (очень давно) жителю украины приятно послушать и акцент, да и взглянуть под углом другого языка на любимое дело

  • @useruseroff6605
    @useruseroff6605 Рік тому

    Спасибо огромное за видеоурок, действительно очень необходимые вещи в реакте!

  • @vryaboshapko
    @vryaboshapko Рік тому

    Спасибо за видео, помогли разобраться с импортами и деструктуризацией. Правда, rest остался за кадром, но теперь хотя бы понятно с какой стороны к нему подступиться.

  • @вассявассин-ч3ц
    @вассявассин-ч3ц 2 роки тому +1

    философия очень нужна для жизни!!!

  • @yaroslavzef7267
    @yaroslavzef7267 3 роки тому +1

    Огонь. Полезное видео!

  • @tashkentcity3067
    @tashkentcity3067 Рік тому

    Огромное спасибо за ваш труд, это было очень полезно для меня , желаю вам удачи и жду новые уроки от вас

  • @АбобаАьоьа
    @АбобаАьоьа 10 місяців тому

    крутое видео,большое спасибо ,спасибо Алекса!!!

  • @ArtemFun
    @ArtemFun 2 роки тому +2

    по поводу переключения языков, особенно если вы ещё в Украине, то три языка удобно переключать, alt+shift+1,2,3 . Настраиваешь, привыкаешь, и всегда переключаешься на нужный язык.
    Сейчас еще на английском тоже в слепую печатаю, вообще кайф ))

    • @user-gz2nv7sk1t
      @user-gz2nv7sk1t 2 роки тому

      У меня настроено аналогично, но короче, ctrl+1,2,3

  • @ИльясНуруясов-в2э
    @ИльясНуруясов-в2э 2 роки тому +1

    очень крутой канал, объяснение на высоте

  • @aigulyermak1635
    @aigulyermak1635 3 роки тому +1

    Ждём новые видео. Очень интересно

  • @Maxim9575
    @Maxim9575 3 роки тому +3

    Про import/export можно было подробнее рассказать, так как есть нюансы о которые можно ногу сломать.
    Первый их которых - импортируя из одного и того же файла тот же модуль код модуля запустится единожды (не зная этого можно на придумать себе в голове что при импорте всегда запускается код модуля - что не верно)

  • @igorkulibaba7287
    @igorkulibaba7287 11 місяців тому

    Александр , спасибо!

  • @evgeniyshapovalov2867
    @evgeniyshapovalov2867 Рік тому

    Спасибо, вдохновляюще:) Может и вправду надо взяться уже за реакт:)

  • @ИльясНуруясов-в2э
    @ИльясНуруясов-в2э 2 роки тому +1

    лайк и подписка, есть ролики почти на все темы

  • @nursultanyerzhan4432
    @nursultanyerzhan4432 3 роки тому +1

    Очень полезный видоурок, лайк, подписка, колокольчик) Получил отличных знаний 👍😊😚

  • @windcrack8404
    @windcrack8404 3 роки тому

    Хоть и изучаю VueJS, но было полезно вспомнить информацию по спрету, ресту и деструкторизации. Спасибо.

    • @astkh4381
      @astkh4381 2 роки тому

      ООП знать не обязательно , чтобы начать изучать Vue,react?

  • @thecatwrites9731
    @thecatwrites9731 3 роки тому +1

    интересное видео
    приятно смотреть
    смотрю на 1.25х
    супер

  • @Bakhshyan
    @Bakhshyan Рік тому +1

    просто лучший

  • @igorkulibaba7287
    @igorkulibaba7287 3 роки тому +2

    отличная тема

  • @vlad-zf1ev
    @vlad-zf1ev 3 роки тому +1

    спасибо за видео!

  • @racman9964
    @racman9964 2 роки тому

    Спасибо, много интересного почерпнул!

  • @sun94ello
    @sun94ello 3 роки тому +4

    лайк за юмор! ж)

  • @sergeybezumanuy8690
    @sergeybezumanuy8690 Рік тому

    очень прикольная подача, спасибо большое!)

  • @ActrFF
    @ActrFF Рік тому

    вауу, вот это крутто было, как раз начал изучать реакт)

  • @elmanmammadov1877
    @elmanmammadov1877 2 роки тому

    Спасибо ты Супер в своем деле!

  • @swayze_0
    @swayze_0 2 роки тому

    Подача шикарная, с вебпака выпал)

  • @M27B_our_victory
    @M27B_our_victory 3 роки тому +1

    Для повторения самое то!)

  • @alexforos5425
    @alexforos5425 Рік тому

    Спасибо, как всегда классный урок!👍

  • @ИванВерушкин-в7ю
    @ИванВерушкин-в7ю 3 роки тому +2

    Зачет =)

  • @user-uh8hz9xi2h
    @user-uh8hz9xi2h 3 роки тому

    До Реакта мне ещё далеко, но видос с удовольствием посмотрел и однозначно Лайк)

  • @podpalmoi
    @podpalmoi Рік тому

    Хорошее видео, всё понятно.

  • @ekaterina2073
    @ekaterina2073 2 роки тому

    спасибо, очень полезный контент))

  • @Алексей-ш8э3л
    @Алексей-ш8э3л 3 роки тому +5

    Здравствуйте! А когда VUE 3 запустите?

  • @MaximLisyanskiy
    @MaximLisyanskiy 2 роки тому +6

    Я бы ещё посоветовал повторить fetch(axios), т.к. после понимания созданий компонентов пойдёт сильный упор на взаимодействие с БД, и у многих с этим проблемы

  • @dp4256
    @dp4256 3 роки тому

    любимый блогер 😄😍

  • @sergeshramko3511
    @sergeshramko3511 3 роки тому +1

    Читал документацию по spread и rest, вообще ничего не понял.
    Посмотрел видео, все предельно ясно.
    Спасибо.

  • @delfinary
    @delfinary Рік тому

    Кажется, я нашел своего контентмейкера по фронту, с макдука посмеявся, спасибо за урок дядь 🙂

  • @nkljVlkv
    @nkljVlkv 3 роки тому +1

    спасибо

  • @РоманНекрасов-ы2м
    @РоманНекрасов-ы2м 7 місяців тому

    бог пояснений

  • @Aqwsaful
    @Aqwsaful 2 роки тому

    Спасибо!

  • @Чурка-щ6и
    @Чурка-щ6и 3 роки тому +1

    С каждым днём изучая реакт, убеждаюсь что эта библиотека создана чтобы только усложнять работу

    • @aleksandrkim5351
      @aleksandrkim5351 3 роки тому

      Хм, а как же вы синхронизируете стейт и вью? А как рендер происходит?
      А насколько оптимизирован рендер?

  • @Jetixxxxxxxxxx
    @Jetixxxxxxxxxx 3 роки тому +1

    Классическая ситуация, есть HTML+CSS сайт, как лучше поступить? Хочется внедрить компонентный подход и маркдаун для контента. React или Gatsby подходящее решение, но как быть с самой версткой? Грубо говоря есть ли возможность создать шаблон для Reacta из имеющейся верстки не переписывая все с нуля?

  • @V_GALIN
    @V_GALIN 2 роки тому +1

    Доброго! Если двигаться к Реакту, то с чего начинать новичку? HTML - CSS - JS - React? Опыта в ЯП нет. Спасибо.

  • @DamedParadis
    @DamedParadis 3 роки тому +2

    Александр, спасибо за видео. Было очень интересно.
    А зачем реакт нужен? Что он может? Расскажите для совсем одаренных))))

    • @ANUARKA
      @ANUARKA 3 роки тому

      На нем быстрее код пишется

    • @ANUARKA
      @ANUARKA 3 роки тому

      И есть можели

    • @MaximLisyanskiy
      @MaximLisyanskiy 2 роки тому

      Компонентный подход, реактивность и вообще главная фишка spa. Честно, сложно в пару слов описать, легче на примере понять

    • @anatolyvatson2542
      @anatolyvatson2542 2 роки тому

      Чтоб все еще запутанее было

  • @Seriousbear
    @Seriousbear 2 роки тому +1

    Но это ж прям базовая база

  • @danieltursunakhunov4406
    @danieltursunakhunov4406 Рік тому

    Спасибо отмазался

  • @taisonanonymous2157
    @taisonanonymous2157 3 роки тому +1

    Здравствуйте,Алекс дайте совет. Сначала javascript после реакт, вью или паралельно или сразу?

  • @user-fy7pv5cc7c
    @user-fy7pv5cc7c 2 роки тому

    Дякую

  • @michaelvolkov838
    @michaelvolkov838 Рік тому

    (11:55) Перезагрузил сервер и все еще висит ошибка.
    Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.

  • @user-st7gn4yk8q
    @user-st7gn4yk8q 3 роки тому +3

    Жду видео про RESTfull api)

    • @itgid
      @itgid  3 роки тому +1

      studio.ua-cam.com/users/videoYGTw6Xrau54/edit

    • @itgid
      @itgid  3 роки тому +1

      ua-cam.com/video/1WkcX_CNkqU/v-deo.html

    • @user-st7gn4yk8q
      @user-st7gn4yk8q 3 роки тому +1

      @@itgid Да, смотрел эти видео, я про RESTfull api

  • @lomb1056
    @lomb1056 3 роки тому +2

    Что нужно знать перед node js? Сделайте пж видос)

    • @itgid
      @itgid  3 роки тому

      честно , вот реальное мое мнение - потратить 2-3 месяца на PHP. Потом нода залетает со свистом и у вас 2 языка бека.

    • @lomb1056
      @lomb1056 3 роки тому

      @@itgid спасибо за ответ

    • @sergeyk7285
      @sergeyk7285 3 роки тому

      Ничего не нужно знать. Не нужно знать верстку js, базы данных и т.д., т.е. знать вообще ничего не надо. Node.js нужно просто поставить. Поставить composer и научиться устанавливать Laravel. Как правильно сказал Алекс нода потом залетает со свистом.

  • @Deestylovmusic
    @Deestylovmusic 3 роки тому

    Огонь

  • @АндрійШвайка
    @АндрійШвайка 3 роки тому +2

    Сразу после слов "добавим еще один предмет, абсолютно не нужный в жизни, философия" поставил лайк))))

  • @РенарЛутвалиев
    @РенарЛутвалиев 2 роки тому

    Как по мне rest очень непонятно объяснили, не понял смысл rest. А так все отлично, спасибо за видео.

  • @CookieMonster-js
    @CookieMonster-js Рік тому

    Всем привет!
    Подскажите, как включить этот переход между файлами с помощью ctrl + click, как это показано на 12:22.
    У меня не работает эта фитча…

  • @web4453
    @web4453 3 роки тому

    Ну почему я это не увидел месяц назад, когда только начал учить реакт?)))

  • @serikabsadykov9260
    @serikabsadykov9260 3 роки тому

    можно вопрос? Я хотел протестировать приложение на телефоне через экспо, однако там выдает ошибку, хотя на компе ошибки нету. Был бы очень благодарен

  • @gigabelka
    @gigabelka 3 роки тому

    Для прикола можно сделать обзор YOPTASCRIPT, в целях популиризации Джаваскрипта в редах молодёжи. Но это от 18+.

  • @leninzhiv6180
    @leninzhiv6180 3 роки тому

    можно чувствительность микрофона убавить, чтобы клавиши по ушам не били?

  • @nikola03077777777
    @nikola03077777777 2 роки тому

    не понял обект это ссылочной тип и даже если его присвоить const то его всеравно можно менять внутри

  • @nodirayakubova6395
    @nodirayakubova6395 3 роки тому +1

    Александр что насчёт Next.js ?

  • @jsb7239
    @jsb7239 3 роки тому +1

    13:40 Аве МД 😆

  • @user-tu4qj8dg8m
    @user-tu4qj8dg8m 3 роки тому +14

    " Многие лезут в вебпак, узнают очень много нового и на этом забрасывают джаваскрипт" )))))стоячие авации)))))

    • @vlad-zf1ev
      @vlad-zf1ev 3 роки тому +1

      а почему так? вебпак очень сложный? либо же зная как использовать вебпаки не нужен js?

    • @yurikan007
      @yurikan007 3 роки тому

      Хорошо что я пока не лез в вебпак, только название слышал)

    • @user-tu4qj8dg8m
      @user-tu4qj8dg8m 3 роки тому

      Учите спокойно js,до вебпака ещё далеко)))

  • @Alex-Lev
    @Alex-Lev 2 роки тому

    Можно вопрос? Таймкод:12:59. Всё сделал как у Вас.
    HTML:
    script.js:
    import otmazka1 from './otmazka1.js';
    import otmazka from './otmazka1.js';
    console.log(otmazka1('уборка'));
    otmazka1.js:
    const otmazka1 = text => `Та не пацаны, тут ${text} не сделано`;
    export default otmazka1;
    Сообщение: Та не пацары, тут уборка не сделано - выводит, но сразу за ней ошибка:
    Error handling response: Error: Failed to construct 'WebSocket': The URL 'ws/ws' is invalid.
    at init (chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:22:18)
    at chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:65:13
    Пытался разные варианты. Но ошибки выходят разные. Что я не так делаю?

  • @AK-it4nk
    @AK-it4nk 2 роки тому +1

    так я так и не понял шо нада знать перед реакт

  • @leninzhiv6180
    @leninzhiv6180 3 роки тому

    зачем точку с запятой ставить в конце почти каждой строки?

  • @rumpelstilzchen6366
    @rumpelstilzchen6366 Рік тому

    Там, где двойной импорт, это умный vscode сам импортнул, запрошенную фунцию.

  • @vruyrsaribekyan3379
    @vruyrsaribekyan3379 3 роки тому

    Спасибо Алексей ты лучший, но у тебя один минус (нет уроки по экспресс) и практика по ноде, надеюсь следующие видео будут по экс и нод.жс практика))

  • @thismusic2581
    @thismusic2581 Рік тому

    и что я уже могу учить react? после етого видеo?

  • @dmitriykononov1097
    @dmitriykononov1097 2 роки тому +1

    А классы нужно учить? Прототипы? Каррирование?

    • @Phantom-my1wr
      @Phantom-my1wr 2 роки тому

      нашел ответ на этот вопрос? Мне тоже интересно.

    • @dmitriykononov1097
      @dmitriykononov1097 2 роки тому

      @@Phantom-my1wr Каррирование нет. Классы и прототипы обязательно

    • @Phantom-my1wr
      @Phantom-my1wr 2 роки тому

      @@dmitriykononov1097 спасибо

  • @karoche-tv
    @karoche-tv 2 роки тому

    Еще надо знать замыкание, callback

  • @whatisloveel
    @whatisloveel 3 роки тому +1

    Что за сайт? что за статья на которую наткнулся? ссылку плз

    • @itgid
      @itgid  3 роки тому

      простите, эти ребята мне за рекламу не платят.

  • @intruder70
    @intruder70 Рік тому

    Трифани Робокоп))

  • @jsb7239
    @jsb7239 3 роки тому

    👍🏻