Get Started With Qwik: The JavaScript Framework Game-Changer

This video gives you an introduction to #Qwik, the new, super-fast #JavaScript framework. Get to know the essential concepts and develop your first Qwik web app. We go into #Resumability, #LazyLoading, #JavaScriptStreaming and so much more.
My GitHub Repository: github.com/fbernack/qwik-tuto...
🍿 Chapters:
00:00 Intro
00:41 Hello, World!
01:23 What makes Qwik so special?
06:22 Preparations
07:22 Routing
09:08 Components
10:04 State
14:52 Tasks
15:54 Route Loader
🧑‍💻 Further information:
Qwik Framework: qwik.dev
Angular Server-side rendering: angular.io/guide/ssr

[@OneBrighDay]

Really interested in seeing more Qwik tutorials. Between Qwik and Astro I’m really excited about the future.

[@mfpears]

Actually Angular's main solution was lazy-loading routes. I was surprised that this isn't so common in React.

[@dinimueter8298]

I‘m so glad i found this channel. This Video is great!

[@camelCaseDev]

Thank you so much! :-)

[@LauBernie]

Another cool video, thanks for that! I very much like the way you explain things as well as the style of your videos

[@camelCaseDev]

Thank you very much! I really appreciate it! 🙂

[@AloisMahdal]

Nice video. The audio glitch around 12:33 "in a nICe way " was kinda scary :D

[@camelCaseDev]

:D Not sure, if it's a glitch or just my voice...

[@eliuddyn]

Amazing 🔥🔥

[@jmnoob1337]

I forgot about Resource and useResource, I've been so used to server$ and routeLoader (and endpoints)! Thanks for the video! I use Qwik for all my side projects, and look forward to the day where I use it for work as well! I'd be happy to never touch React again (due to performance)!

[@camelCaseDev]

Thank you for your feedback :-) I also really enjoy using Qwik.

[@ignorant-Cat]

Really quick

[@Zakaria-1]

❤❤❤❤❤❤

[@akibmahmudrime2845]

good video

[@yayusuwardi8934]

nice tutorial, could you make qwik authentication system please.....

[@akibmahmudrime2845]

need a video on handling very complex states. [professional state management]

[@camelCaseDev]

Thank you for the suggestion. Good idea. Do you have any particular tool/library in mind?

[@SyntaxLexx]

Qwik integration with a zustand-ish library@@camelCaseDev

[@ayoubkrt5018]

@@camelCaseDev why a library? qwik signals are the best approach for managing state

[@camelCaseDev]

@@ayoubkrt5018 I understood the feedback to mean that Akib would generally like a video on the topic of state management, not necessarily related with Qwik.

[@ayoubkrt5018]

@@camelCaseDev I see , my fault

[@ayoubkrt5018]

just to point out, instead of manually adding tailwind
do
npm run qwik add tailwind

[@camelCaseDev]

You are absolutely right, that would be even easier. Thank you very much for that!

[@ayoubkrt5018]

@@camelCaseDev np, thank u for the qwik content, lovely video

[@code_react]

This is so cool, but I am worried about security of data. It looks so much open at the moment.

[@darthvader4899]

?

[@2gbeh]

What you talking bout??

[@podcast_MJ]

😂😂

[@camelCaseDev]

Unfortunately, I don't understand your concerns. In my opinion, there is no difference to other JavaScript frameworks in terms of data security. 🙂

[@alexandreprince914]

Never tried but already cause it look like react

[@anhvuuc8693]

I really like the Qwik but can't use it in production, too dangerous

[@camelCaseDev]

Why do you think it's dangerous? Because it's not yet so popular and hasn't been tested much? That might change soon! In any case, it already has 20k stars on GitHub, which is quite an achievement. But I understand your point. :-)

[@ifeanyinnaemego]

Must it be typescript

[@camelCaseDev]

At the moment I would say yes, it is designed to be used with Typescript. Switching to JavaScript could be complicated.

[@skillhunter0730]

But server side rendering is good for seo

[@camelCaseDev]

Definitely! It's a very good approach. In the case of Angular, however, it was added later and, although it increases performance, it does not solve all problems with regard to the efficient execution of code. Qwik also uses server-side rendering, but in my opinion it builds on this much better than Angular. :-)

[@climentea]

All these new frameworks Next, Qwick, Remix, Nuxt are pretty much the same 😅.

[@faresabukhader]

The pain point of qwik is deployment

[@Jj-oi3jg]

next.js is the best

[@Dabayare]

Until u want to deploy it n find out u have become a hostage to vercel.

[@mike.1]

Flash is better

[@DanjorSchertau]

Astro is better

Sick of tired to see new Js framework every week. I wonder why people wasting a lot of energy and resources in order to make something no one gonna use it. React , next , vue. There are tons of good enough framework out there. Who cares Qwik. Instead of wasting time to learn new frameworks , stick with one of them then improve algorithm , problem solving , design pattern and other sort of skills.

[@camelCaseDev]

I kind of get your point. But I don't know about you, I for one don't want to work with the same frameworks and programming languages for the rest of my life. I think people trying to innovate is what drives technology forward.
And, by the way, as far as I know, Misko first tried to incorporate the concepts of Qwik into React, but decided that it wouldn't be feasible with reasonable effort and therefore decided to develop Qwik.

[@knolljo]

No one forces you to use them, but as @camelCaseDev said, some people like to keep thinks interesting and learn smthing new