Hi lecturer, I hope you will soon release Advanced React Course on Udemy about UI design, animation etc. I will be the first person to buy it. On youtube, so much channel teaches basic so with your work, you are the best 🙆♂️🙆♀️
Akram can you decypher this comment someone else said when comparing StencilJS to another UI framework called Lit.... Lit works alongside other frameworks, which means it can integrate into an existing app and access a data store / cache. It's also great as a standalone framework. However, Stencil combines the compile and bundle steps together, which makes it only suitable for stand-alone elements. For a dedicated web app, there's no reason to consider Stencil over Lit. Custom elements also work great on their own for things that don't need data binding, like svg icons, and allows re-use between different applications regardless of framework. Stencil works alongside other frameworks as well right??? What is the purpose of accessing data store with your UI element? Isn't that your chosen frameworks job i.e. if you combine a stencil UI element with Angular/Vue/React lib or something? So the comment is basically saying Lit can do data store for UI and stencil cannot. Is this still the case in 2022?
Dude, this is PERFECT!!!!!!!!! Need this at work rn. We're planning on building a library to use throughout our projects. I'm in charge of this so decided to choose Stencil to create this
Nice, I'm doing something similar at work too. I'm considering this and LitElement. I'm leaning towards Stencil because I like JSX. Have you considered LitElement?
@@johnnymeza5454 What did you go with? I was initially leaning towards Lit but it seems it doesn't hand hold me all the way to the other frameworks. Usually that's fine but our team is too small to be caring about framework implementation details, so I'm now leaning towards Stenciljs.
This looks really promising, I can see the benefits of using a design system like this for decoupling the UI from the business logic in front end apps.
I googled stencil and something else came up and I was very confused until i realised its stenciljs by ionic lol. I had no idea you could make a design system like this - thank you so much !
Would love to see more videos on stencil please. Video's on stencil js are so rare in youtube. Please add storybook Integration in the next video. Great video , thanks !!
Hey, something that wasn't clear to me in the add global styles section (as a complete beginner to stencil)... is the global styles file something thats used to nicely render things while building in stencil or is it something thats actually shipped with the component?
Great video. I think be better if you make some integration with React or Angular after created you lib using npm for that. But great video. Simple and fast.
Well formulated and clean editing. Overall, a great video. Thank you! Also, bringing personal politics into these guides is probably going to be a bad idea.
Some of the components we will cover in the future are, breadcrumbs, modals, inputs, tool tips, accordions etc.
Hi lecturer, I hope you will soon release Advanced React Course on Udemy about UI design, animation etc. I will be the first person to buy it.
On youtube, so much channel teaches basic so with your work, you are the best 🙆♂️🙆♀️
Please include storybook Integration 🙏
just a tip for the video, the background music should be at a lower volume it kind of overlaps with your voice ;)
Akram can you decypher this comment someone else said when comparing StencilJS to another UI framework called Lit....
Lit works alongside other frameworks, which means it can integrate into an existing app and access a data store / cache. It's also great as a standalone framework. However, Stencil combines the compile and bundle steps together, which makes it only suitable for stand-alone elements. For a dedicated web app, there's no reason to consider Stencil over Lit. Custom elements also work great on their own for things that don't need data binding, like svg icons, and allows re-use between different applications regardless of framework.
Stencil works alongside other frameworks as well right???
What is the purpose of accessing data store with your UI element? Isn't that your chosen frameworks job i.e. if you combine a stencil UI element with Angular/Vue/React lib or something?
So the comment is basically saying Lit can do data store for UI and stencil cannot. Is this still the case in 2022?
Can you please continue the series.
Me as a backend developer just startet with this and i really appreciate your clean style of explain what stencil is and how to start. Thank you.
Bro you always surprise me with your tutorials that i can't find anywhere out there
Appreciate you!
Design system. That is what is up! another gem as usual. looking forward to this series. Thanks a million.
Hope you enjoy it!
Dude, this is PERFECT!!!!!!!!! Need this at work rn. We're planning on building a library to use throughout our projects. I'm in charge of this so decided to choose Stencil to create this
Nice, I'm doing something similar at work too. I'm considering this and LitElement. I'm leaning towards Stencil because I like JSX. Have you considered LitElement?
@@johnnymeza5454 What did you go with? I was initially leaning towards Lit but it seems it doesn't hand hold me all the way to the other frameworks. Usually that's fine but our team is too small to be caring about framework implementation details, so I'm now leaning towards Stenciljs.
Keep them coming! Learning this and your way of teaching helps me understand what’s being done and why it’s being done.
great walkthrough tutorial Akram !
Very cool! Wanted to do something like this in the next weeks and didn’t know stencil yet. Thanks for this awesome tutorial!
akram's content is unique and always high quality
10:18 … 😂 totally unexpected. I looked at when this video was posted and _then_ it made a lot more sense.
Found this really useful, thanks for sharing.
This looks really promising, I can see the benefits of using a design system like this for decoupling the UI from the business logic in front end apps.
Clearly awesome ! Was waiting for this/ a new video.
Same!
congrats on 10k! really needed this video!
Hope you and enjoy it! And thank you :)
Crazy 10k congratulations.
Thank you!!
I googled stencil and something else came up and I was very confused until i realised its stenciljs by ionic lol. I had no idea you could make a design system like this - thank you so much !
Hype! And congrats on hitting 10k subs, Akram!!! :D
Thank you so much!
Would love to see more videos on stencil please. Video's on stencil js are so rare in youtube. Please add storybook Integration in the next video. Great video , thanks !!
Yes of course! More components coming, storybook integration and using it with frameworks. Out in a few days :)
Thanks for your videos, very helpful!
This is amazing! Thanks for adding so much value for the community and congrats for 10k subs. It’s only the beginning! 🚀
Thank you for your support!
I found some best front end channels in last 40 days 😊
How to integrate Stenciljs in NX?🤔
this is great.looking forward to framer motion
heck yeah this is awesome. also yay omar apollo!
Hell yea!! That album was definitely a switch up but very good!
Thanks for the video. I just have one question, how can I add more external stylesheets in stencil.config.ts ?
would love to get more videos on StencilJS! :)
Hey, something that wasn't clear to me in the add global styles section (as a complete beginner to stencil)... is the global styles file something thats used to nicely render things while building in stencil or is it something thats actually shipped with the component?
Oh wow, thank you for introducing me to Omar Apollo!
Oh you bet!
Great video. I think be better if you make some integration with React or Angular after created you lib using npm for that. But great video. Simple and fast.
Thanks so much for the video. Have you done a quick video about your VSCode theme and extensions? Curious about the color extension you use. Thanks.
I have not but I am use the one dark theme
How did you modify your command line tool?, It rules!
Omg! I love this tutorial 🖤🖤
Glad you liked it!
Can anyone help me on how to integrate stencil in our existing angularjs(1.x) app
Wlcm back 🎉🎉
Thanks!
Love stenciljs so far. What if we wanted to host the component that we make on a CDN so we can pull them into HTML headers? Is this possible?
Well formulated and clean editing. Overall, a great video. Thank you!
Also, bringing personal politics into these guides is probably going to be a bad idea.
what extension or setting are you using for the css colors?
God you took so long. I was fking dead waiting.
Lol I was working on a lot of behind the scene stuff
Tfw you spend a good while looking for this terminal called "Viper" and then realize it's called "Hyper"
Thanks!
Why does this look very similar to Angular syntax ?
nice video
Thanks!
Can you please continue the series.
Can you make awesome animations using framer motion and react, like a series. Please ❤️
Can you also increase the font size. 😊
Coming soon...
Clicked bc attractive guy
Liked bc good content
Subscribed bc awesome anti-Trumper callout
it's interesting. but it don't helps me in my projects. because i don't understand how it useful in projects on react
This is useful for companies who use several libraries/frameworks and require a consistent user experience and design.
🥳🤗
:)
10:17😂😂
lol
I really rejoice when I see a notification from your channel
But your name is Arabic ?
Thanks! And yes
@@WrongAkram 🌷❤
Great video! But regarding Stencil's doc... Meh
not first :(
Next time :)
turn off auto-focus.... mildly killing me inside
👀👀 trump supporters??..
Really? You can't do a tech presentation without dragging in politics?!!!