- 802
- 29 091
Eulier Gonzalez
เข้าร่วมเมื่อ 7 ก.ย. 2007
I help start-ups ship business-value features.
Software Engineer. 7yrs xp
Updating my skillset to provide more value.
Educational Only - Non profit - Fair use.
Software Engineer. 7yrs xp
Updating my skillset to provide more value.
Educational Only - Non profit - Fair use.
Advanced Redux : Simulate Async/Await with Generators
Generators can be summarized into a function where :
- Pause the execution when a "yield" is founded
- Pass control to whoever call the Iterator
- And Resume when the Iterator calls again
- Repeat until end of the function or forever
Simulate Async/Await with Generators and Callbacks
codepen.io/Eulier/pen/emOOJdz?editors=1010
Personal notes : docs.google.com/document/d/14Oow6lSneUQj-kk6b_d333IscJ4Wdx_NSczbpDHKt9s/edit?tab=t.0#infrastructure .
.
.
.
.
.
.
.#business ui #business #development #react #vite #web #enterprise #scalability #scale #state #concurrency #thunk #javascript
- Pause the execution when a "yield" is founded
- Pass control to whoever call the Iterator
- And Resume when the Iterator calls again
- Repeat until end of the function or forever
Simulate Async/Await with Generators and Callbacks
codepen.io/Eulier/pen/emOOJdz?editors=1010
Personal notes : docs.google.com/document/d/14Oow6lSneUQj-kk6b_d333IscJ4Wdx_NSczbpDHKt9s/edit?tab=t.0#infrastructure .
.
.
.
.
.
.
.#business ui #business #development #react #vite #web #enterprise #scalability #scale #state #concurrency #thunk #javascript
มุมมอง: 9
วีดีโอ
Advanced Redux : Typing Animation with Generators
มุมมอง 88 ชั่วโมงที่ผ่านมา
The idea of generators is to understand them from their internal point of view. To pause and resume function flow control execution and how we can pass message to it. Typing Animation with Generators codepen.io/Eulier/pen/eYqqgxJ?editors=0012 We'll see later examples about this. Personal notes : docs.google.com/document/d/14Oow6lSneUQj-kk6b_d333IscJ4Wdx_NSczbpDHKt9s/edit?tab=t.0#infrastructure ...
Advanced Redux : Generators as Iterator - An Example.
มุมมอง 3010 ชั่วโมงที่ผ่านมา
The problem Generator solve is to have an Iterator natively in Javascript ES6. Before that it required a lot of work to do that and now how that unlock a pattern truly helpful in dealing with concurrency in our code. Example of Iterate an Array in a Reverse order, using Iterator vs Generator. codepen.io/Eulier/pen/eYqqgxJ?editors=0012 We'll see later examples about this. Personal notes : docs.g...
Front-end System Design : Build a Redis Server - Setup a TCP Server
มุมมอง 5813 ชั่วโมงที่ผ่านมา
A redis is an in-memory data structure that is used for : - Cache - Database - Message Broker - Streaming Server th-cam.com/video/1eBxZwygAkk/w-d-xo.html Personal Notes : docs.google.com/document/d/1G5qXJH59EDQbQd73eBtOI1goxDEkH3ufwJkiwk26mZs/edit?tab=t.0 . . . . . . . #frontend #system #design #ui #user #interactions #business
Enterprise UI Development: Component testing with a Counter using Testing Library
มุมมอง 6113 ชั่วโมงที่ผ่านมา
Component testing is all about how user will interact with your real-life app. A silly counter example on how to do it. github.com/stevekinney/enterprise-ui-dev/blob/main/content/Basic Component Testing Exercise.md Personal notes : docs.google.com/document/d/1DNkZhnqD2FgjfOUlDSG3PlsSKPvhESBrH3j07_PhHFc/edit?tab=t.0#heading=h.9x9195jwgtlr . . . . . . . . #infrastructure #ui #business #developmen...
Advanced Redux : How Generators can be defined?.
มุมมอง 2513 ชั่วโมงที่ผ่านมา
A Generator is a syntactic form of describing a State Machine. A way to have function control flow execution. We'll see later examples about this. Personal notes : docs.google.com/document/d/14Oow6lSneUQj-kk6b_d333IscJ4Wdx_NSczbpDHKt9s/edit?tab=t.0#infrastructure . . . . . . . .#business ui #business #development #react #vite #web #enterprise #scalability #scale #state #concurrency #thunk #java...
Enterprise UI Development: Component testing anatomy
มุมมอง 2915 ชั่วโมงที่ผ่านมา
- Render elements into a DOM instance and - Run user interactions to simulate real-life world usages Are the goal of component testing, to bring more confidences about your UI development, useful for small-mid-big companies. Personal notes : docs.google.com/document/d/1DNkZhnqD2FgjfOUlDSG3PlsSKPvhESBrH3j07_PhHFc/edit?tab=t.0#heading=h.9x9195jwgtlr . . . . . . . . #infrastructure #ui #business #...
What are the issues Css Modules and Scoped solved?. Css Specificity
มุมมอง 2118 ชั่วโมงที่ผ่านมา
Specificity is the algorithm used by browser to determine the Css declaration; Rules define by the user to describe a set of styles to be apply to an HTML element or group of them based on their : - Type - Attribute - Current State - Even the position in the DOM through Css Selectors Personal notes docs.google.com/document/d/1TVv6W-ISYo4cgRJW5ZOZFrm2mO6ZslKfwuOMcip_zzw/edit?tab=t.0#heading=h.j3...
Advanced Redux : Why Generators exist to deal with concurrency?
มุมมอง 9018 ชั่วโมงที่ผ่านมา
If Promises are about to solve callback hell & inversion of control issues. Generators are about to solve the non-local, non-sequential reasonability problem. Personal notes : docs.google.com/document/d/14Oow6lSneUQj-kk6b_d333IscJ4Wdx_NSczbpDHKt9s/edit?tab=t.0 . . . . . . . . #infrastructure #ui #business #development #react #vite #web #enterprise #scalability #scale #state #concurrency #thunk ...
Advanced Redux : What's the value proposition of Reactivity?
มุมมอง 5420 ชั่วโมงที่ผ่านมา
Similar to an spreadsheet when you put a value in a formula and anytime you change a value on it, it generates a new value. Proxy allows us to detect changes. Useful for handling concurrency in our apps, for example checkout process in a E-commerce, money transfer in a Fintech. codepen.io/Eulier/pen/qBewXYe?editors=1012 Personal notes : docs.google.com/document/d/14Oow6lSneUQj-kk6b_d333IscJ4Wdx...
Vue 3 Fundamentals : Pokedex App with GenAI in React 18 & Vue 3 and Tradeoffs
มุมมอง 3422 ชั่วโมงที่ผ่านมา
It took me : - 1' to generate a pokemon app in Vue 3 and React 18 but - 45' & 50' to verify if everything works as expected. github.com/eulier1/Vue-3_pokedex github.com/eulier1/react-18_pokedex Understand the fundamentals is vital to provide business value. Personal notes docs.google.com/document/d/1TVv6W-ISYo4cgRJW5ZOZFrm2mO6ZslKfwuOMcip_zzw/edit?tab=t.0#heading=h.j3mj2cp5et7e . . . . #vue #re...
Vue 3 Fundamentals : What's a Component in React 18 vs Vue 3 and Devtools?
มุมมอง 4522 ชั่วโมงที่ผ่านมา
It makes sense to write our user interface in a component way to manage the complexity and make it maintainable as much as possible. React has JSX and Vue SFC. Vue DevTools is combination of React, Redux & React-Router Devtools. Personal notes docs.google.com/document/d/1TVv6W-ISYo4cgRJW5ZOZFrm2mO6ZslKfwuOMcip_zzw/edit?tab=t.0#heading=h.j3mj2cp5et7e . . . . #vue #react #difference #benefits #we...
Advanced Redux : If a Promise is a monad, what's a monad?
มุมมอง 81วันที่ผ่านมา
Is a functional data structure use to model state changes. Redux, Promise are just a couple real-life example of it. It's a container of a value like a drawer where anytime you apply some transformation you'll get a new drawer with the value transformation. Code to understand concepts like : - Closure - Point-free - List operations codepen.io/Eulier/pen/qBewXYe?editors=1012 Personal notes : doc...
Vue 3 Fundamentals : Event Handling in React 18 vs Vue 3
มุมมอง 39วันที่ผ่านมา
Vue 3 allows you to store the handlers in an object called 'methods' and bind them in the HTML using directive. React 18 (No-JSX) on the other hand, it will handle the event in a function and then call a render function to "re-paint" your UI with the new changes. React 18 codepen.io/Eulier/pen/bGXJVxE Vue 3 codepen.io/Eulier/pen/PoMLeLO Personal notes docs.google.com/document/d/1TVv6W-ISYo4cgRJ...
Enterprise UI Development: Component testing - Value Proposition
มุมมอง 44วันที่ผ่านมา
As way to show confidence in your UI development something useful in UI System Design without needed to figure it out how to get a full browser-driven integration. So you UI, works as expected for real users hammering it. Personal notes : github.com/eulier1/enterprise-ui-dev-frontendmaster-course/pull/3/commits/9ec6256b615919934598dd9666dd31336ab17c66 docs.google.com/document/d/1DNkZhnqD2FgjfOU...
Vue 3 Fundamentals : Rendering a List in React 18 vs Vue 3
มุมมอง 28วันที่ผ่านมา
Vue 3 Fundamentals : Rendering a List in React 18 vs Vue 3
Vue 3 Fundamentals : Value Proposition, And the difference between React 18
มุมมอง 36วันที่ผ่านมา
Vue 3 Fundamentals : Value Proposition, And the difference between React 18
Advanced Redux : How to control the flow in Promises?
มุมมอง 60วันที่ผ่านมา
Advanced Redux : How to control the flow in Promises?
Advanced Redux : What's value proposition of Promises API in Javascript?
มุมมอง 28วันที่ผ่านมา
Advanced Redux : What's value proposition of Promises API in Javascript?
Advanced Redux : What's value proposition of Promises in Javascript?
มุมมอง 26วันที่ผ่านมา
Advanced Redux : What's value proposition of Promises in Javascript?
Enterprise UI Development: How caching works in Github Actions?
มุมมอง 9วันที่ผ่านมา
Enterprise UI Development: How caching works in Github Actions?
Front-end System Design : Build An Http 1.1 & 2.0 in node.js
มุมมอง 177วันที่ผ่านมา
Front-end System Design : Build An Http 1.1 & 2.0 in node.js
Advanced Redux : Overview of Process & Threads for Concurrent programming.
มุมมอง 4014 วันที่ผ่านมา
Advanced Redux : Overview of Process & Threads for Concurrent programming.
Enterprise UI Development: From Castle-and-Moat to Zero-Trust Model -Organizational Security Demands
มุมมอง 1114 วันที่ผ่านมา
Enterprise UI Development: From Castle-and-Moat to Zero-Trust Model -Organizational Security Demands
Advanced Redux : Thunk: the ability to maintain a state in a time-independent way.
มุมมอง 5414 วันที่ผ่านมา
Advanced Redux : Thunk: the ability to maintain a state in a time-independent way.
Advanced Redux : What problem async thunk solved?. Async Coordination. an Exercise
มุมมอง 1614 วันที่ผ่านมา
Advanced Redux : What problem async thunk solved?. Async Coordination. an Exercise
Enterprise UI Development : Compliance Oveview and Caching in Github Actions
มุมมอง 3714 วันที่ผ่านมา
Enterprise UI Development : Compliance Oveview and Caching in Github Actions
Advanced Redux : What's the problem thunk solved?
มุมมอง 5821 วันที่ผ่านมา
Advanced Redux : What's the problem thunk solved?
Advanced Redux : Async Coordination Problems - Inversion Control
มุมมอง 5121 วันที่ผ่านมา
Advanced Redux : Async Coordination Problems - Inversion Control
Enterprise UI Development : How business protect their data in 2024?. SASE
มุมมอง 3621 วันที่ผ่านมา
Enterprise UI Development : How business protect their data in 2024?. SASE
Hi sir
Great work! Keep it up 👏🏽👏🏽👏🏽
You're doing a fantastic job! A bit off-topic, but I wanted to ask: My OKX wallet holds some USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?
So you took a course with frontendmasters and now you claim all this knowledge as your own? Dude, that's illegal.
No, I'm not claiming such content is from my own. I'm just taking notes, practice my english, put at practice what I'd learned and recognize the true author of such content. This is for educational purpose.
Extremely helpful! Keep it going!
Please teach Real time industry level frontend development by using Agile methodology....step by 🪜🪜🪜
Bro can you please make your google doc and codesandbox public. Thanks for the video
@@shivrajnag12 In the coming next week, I'll make a major release 👍
brother you knowledge is hard to beat , but your audio and thumbnail are hard to read / understand
@@FrontendNerd-lg3oh Yeah, my main language is not english so I'm building the airplaine while flying.
Keep the amazing work up!
Thank you, sir!
Can I get that doc, bro?
In a couple weeks I'll make an announcement to free up this material, stay healthy.
Great to see you are doing good
keep up the good work mate, GOD IS YOUR STRENGTH 🙌
Thank you and have a nice week!
Keep going
@@suryanshrathore2545 Thanks and keep up the pace you too. 😊
thanks serrrr
Might be interesting, but the audio appears to be too low/ quiet for me.
Audio is fine.
hey , I’m no PHP whiz, right? But I’ve whipped up some apps in it, all without using any libraries. Now, I’m looking to get my hands dirty with React, but can’t find any resources that show how to mix it up with PHP. what do you know about it? , And, sorry if I sound like a PHP fanboy, it’s just that it’s so darn easy for me!
@@ervisfrend I got more experience with Laravel, where you can find solution like Forge that allow you to deploy SPA or SSR with React for your clients. It's quite interesting.
It's a cool video man but I'm like u I talk slowly so if u can make plot points and write them down or generate some from chatGPT will help u go onto the next thing faster and talk about each point with fewer words and more efficientally. The title really brought me here and it's a big topic u can chop it into smaller vids with a playlist or something, I'm looking forward to learning more from you please don't do it on one take say cut/action or whatever so in the editing remove all the pauses and keep me hooked to your video Yes it will take more of your time but that is just for now, do it right and soon you'll be hiring people to do the editing for u <3
Thanks for the recommendation, right now the goal is to be able to learn the fundamentals so when I need to explain to tech-savvy or non (like business people, users, shareholders), I can express my ideas in the most succinct way possible so I can help them to solve their problems faster.
fire content
Chad
I like you video
Great video. Keep on posting
"does it solve" or "did it solve"
They still figuring out better ways to do it, therefore "does it solve".
Please correct the access of Notes doc.
Great content brother! Is there anyway i could get your email? Would love to send you something!
React is awful. The API is one of the worst in modern programming history. The initial version was a gamechanger but things have steadily gotten worse since then.
It's a solution with it's tradeoff. For large companies it will make sense to use a full-fledged solution like Angular or Nest.js for servers. But it'll depend of business use case.
@@eulier1 yes but in terms of api react is convoluted and overly complex. mithril and others did a much simpler model of rerendering on end of function.
Amazing brother, keep it up!
Keep it up brother !
Ty, btw new emoji unlocked for me
Hello sir, Hope you are well .I have already visited your TH-cam channel (The Real Eulier) . and analysed the videos. Your videos are great & very nice but your video SEO and channel optimization are very low. This is a big problem. Because of this your video is not getting views, likes, comments, subscribers and is not going viral .Video uploading is very important for SEO and proper promotion. TH-cam channels need SEO and video promotion. If you want, I can create a report on your channel growth . I am waiting for your response. Thank you
Amazing brother, cool. Keep it up
To hard work and to becoming the best version of ourself.
Awesome!
Hola hermano, no programo ni me interesa nada de eso, pero te apoyo en la odisea del aprendizaje, éxito, suerte y perseverancia.
Gracias hermano de otra madre, que los exitos que siembres, pronto veas la cosecha.