Это видео недоступно.
Сожалеем об этом.
Build React.js From Scratch | Course Preview
- Добавить в
- Мой плейлист
- Посмотреть позже
- Поделиться
Поделиться
HTML-код
Размер видео:
- Опубликовано: 12 авг 2024
Комментарии • 35
Следующие
Автовоспроизведение
Build an eCommerce Web Scraper with Node.js! (MERN)DevSage
Просмотров 4 тыс.
JavaScript Web Workers ExplainedDevSage
Просмотров 93 тыс.
All useEffect Mistakes Every Junior React Developer MakesLama Dev
Просмотров 904 тыс.
F1 Edition | Dude PerfectDude Perfect
Просмотров 2,5 млн
Can we FORCE this old GMC to run again? (ALL the Ether)Diesel Creek
Просмотров 410 тыс.
I Tried Every Viral Fast Food Menu Item In AmericaJoshua Weissman
Просмотров 1,3 млн
Steph Curry or LeBron: Who Led Team USA to Olympics Win? | PG & Trae Young Debate | Full Ep PreviewPodcast P with Paul George
Просмотров 642 тыс.
This is the Only Right Way to Write React clean-code - SOLIDCoderOne
Просмотров 646 тыс.
Rodrigo Pombo - Build your own React - jsday 2019GrUSP
Просмотров 10 тыс.
How to Create and Publish a React Component LibraryAlex Eagleson
Просмотров 77 тыс.
Why I Don’t Use useEffect In My React ComponentsWeb Dev Simplified
Просмотров 256 тыс.
How To Create A Simple React Clone With HooksWeb Dev Simplified
Просмотров 36 тыс.
Polyfill.io Supply Chain Attack: ExplainedReversingLabs
Просмотров 3,8 тыс.
Top 10 High-Paying Remote Job Skills for Professionals in Their 50sMidlife Reinvention
Просмотров 26
ES6 Rest & Spread Explained SimplyDevSage
Просмотров 1,1 тыс.
JavaScript this Keyword Explained SimplyDevSage
Просмотров 14 тыс.
ВСЕ НОЧНЫЕ УРОВНИ В PVZ - ТОЛЬКО С ЭТИМ ГРИБОМ!IGRARIUM - Игровые обзоры
Просмотров 296 тыс.
Для кого жиза?Анджилиша
Просмотров 1,4 млн
КУРСК в ОГНЕ, кадыровцы грызутся с ГЕНШТАБОМ РФ, а СКАБЕЕВУ послалиТелеканал ICTV
Просмотров 849 тыс.
ВОДЯНОЙ ПИСТОЛЕТ ЗА 1$ VS 10$ VS 100$!У Игоря
Просмотров 681 тыс.
бедный дед на ламборгини проверяет силу прохожих и платит за подъем гири ч4ABRACADABRA TV
Просмотров 560 тыс.
💎 люблю каждый раз знакомиться с ЛизойRECVIK
Просмотров 115 тыс.
تشيبس أهوي! 🗝️🍟 كشف رقائق البطاطس المخفية الخاصة بي! #snacksOne More Arabic
Просмотров 3,2 млн
Везде есть свои плюсы 😉😄 #dance #lililo #music #trendLiliLo
Просмотров 702 тыс.
🌟 Order Here!
buildreactjs.io
👨💻 GitHub Starter Code!
github.com/pkellz/sage-starter
⏰Timestamps
0:00 - Intro
3:02 - Download starter code from GitHub
3:50 - Explore project structure
4:48 - Deconstructing JSX and React.createElement()
9:31 - Deconstructing React.render()
14:59 - Rewriting our own Sage.createElement() function
20:46 - Telling JSX to use our new Sage.createElement() function
21:42 - Rewriting our own Sage.render() function
28:00 - Testing our new custom library!
I tried purchasing the course in your website but it is not working
@@giovannigonzaga6865 Could you give me more information? Is it not letting you pay? You can email me at devsage1@gmail.com
The React Team should buy it and release it to the public to recruit new contributors!
Amazing channel
You upload rare materials that are hard to find online
Thanks man, this is really awesome I never seen someone explain react this way. You have got me.. 🙏🙏 Keep up
Glad you enjoyed!
This is pretty cool. I only know of Traversy Media and Stephen Grider who have courses that teach people how to build a library or framework. Keep up the good work!
💪🏾💪🏾
Can I know what is the Stephen Grider's course name?
A react with a virtual dom?! Looks pretty cool and promising, seeing your course site.
I hope you will expand this library and more topics to the course
Thanks to you
Great channel man
Thank you Suyesh
Respect ♥
There is one thing that I don't quite get how it works. You have your createElement function. That function expects to be called with some arguments: type, props, and a number of child arguments all consolidated into ...children. Ok, I get this part.
But then, how does Sage Library get "passed into" createElement? Is this done by Babel "behind the scenes"?
So, do I get this right, that JSX is not a really part of React, but rather is a helpful syntax that Babel translates back into valid javascript? So, while creating our Sage library, we will be using JSX "out of the box" and babel will do the heavy lifting for us?
I'd like to see what does Sage Library look like "after translation" if that makes sense. Like what actually gets passed into the createElement function.
"But then, how does Sage Library get "passed into" createElement? Is this done by Babel 'behind the scenes'?"
- Babel is going to convert the JSX to Sage.createElement() calls (similar to how it does with the React.createElement). We tell Babel to use our custom Sage.createElement function instead of React.createElement by adding the JSX pragma instruction.
JSX is not a part of React. You can use React without using any JSX at all. Yes it's just a convenient way to represent our React elements without writing a whole bunch of createElement calls ourselves.
"I'd like to see what does Sage Library look like "after translation" if that makes sense."
- This would get translated to something like this. Click this playcode link:
playcode.io/927302
@@DevSage "Babel is going to convert the JSX to Sage.createElement() calls"
- OOOHHH, Ok, I totally didn't get this at first. I thought that the JSX would be converted into "something javascripty" and that "thing" would then get passed into createElement, but now that I think about, it doesn't make sense. So JSX being coverted directly into Sage.createElement() calls makes total sense now.
Thanks for you reply :)
@@Krzysiekoy No problem 👍🏽
How about you have a "Conditional Statement" inside your element? Your code only works in basic element without conditional expression.
Sir Looking for Javascript Course beginner to Advance 🙏🙏
is this course still available? I don't see anything on the repo you showed in the video
also may I know if it's been updated, since there are few things that has changed with react server components
The course is still available at buildreactjs.io. But no the course has not been updated yet. Currently the course is focused on how React 16 works.
@@DevSage I wish this is updated since there have been a lot of changes since react 18. I want to know more in order to contribute to react open source
Does this cover parsing the actual jsx?
Babel is going to parse the JSX into Sage.createElement() calls
ah. so you aren't actually implementing react, you're just implementing the renderer
@@JohnHaugeland Not sure I understand what the difference is. Maybe you could elaborate?
@@DevSage - you're implementing react if you can parse react code without some other tool like babel doing almost all of the difficult work
you're not implementing react if you're just relying on babel to do all the hard work
most of the work in react is the jsx parsing, which here is just outsourced to an existing tool
too