#qwiktips - Twitter Hashtag

over 2 years ago

Haven't done a @QwikDev tips or #QwikTips for a while now... (yeah I know hashtags are for boomers😅) But here's a new one 👇

Shai Reznik (Qwik)

@shai_reznik

over 2 years ago

Good observation, but I'd like to clarify a few points: 1. Most of the APIs in Qwik come with a $ suffix buit-in, so it's not a decision point for the devs to make. 2. The only place developers need actively wrap with a $() is custom function. 3. The $ are primarily used in the compilation step (for the optimizer to know how to auto-extract the closures). 4. Only as a last step - it also signals to the developers that everything wrapped with a $ is a different file (not environment). But at the end of the day, if you get something wrong, the compiler (and linter) will show you a nice message and how to fix it, and after a few of those it'll become second nature. At least this was my experience when I first got into @QwikDev .

1

5

1

1K

0

8

2

0

1K

Shai Reznik (Qwik)

@shai_reznik

over 2 years ago

I saw a @QwikDev lecture recently where the speaker said you need to add a $ sign to all of the framework functions like "component$" Important correction - you don't have to "add" it, it's already part of the function's name i.e. you cannot import just a "component" #qwikTips

1

7

0

674

Shai Reznik (Qwik)

@shai_reznik

over 3 years ago

It's crazy to see this lecture from @ngconf 2019 by @mhevery and how @QwikDev was born then as a vision, and how today it's a reality. Crazy!🤯 https://t.co/OjGSGhKU2A "here's to the crazy ones..."💪🚀 #qwikTips

2

32

6

4

6K

Shai Reznik (Qwik)

@shai_reznik

over 3 years ago

Today's @QwikDev tip Qwik can automatically validate your form data both during build time (using #TypeScript) and during run time (uzing Zod) Pretty cool! 🚀💪 https://t.co/ZafiZH5k0t #qwikTips #qwik #typeSafety

shai_reznik's tweet photo. Today's @QwikDev tip

Qwik can automatically validate your form data both during build time (using #TypeScript) and during run time (uzing Zod)

Pretty cool! 🚀💪

https://t.co/ZafiZH5k0t

#qwikTips #qwik #typeSafety https://t.co/IeRKJDIndy

2

90

18

8

10K

Shai Reznik (Qwik)

@shai_reznik

over 3 years ago

This never stops blowing my mind! 🤯🤯 #qwik #qwikTips #newGenerationWebApps #instantWebApps #dx @QwikDev

Manu

@manucorporat

over 3 years ago

Here me out! this feature is so crazy that everybody needs to know about it 📢 server side closures with @QwikDev !! 🤯 https://t.co/lXgSOC27QA

37

774

121

176

269K

0

7

0

1

1K

Shai Reznik (Qwik)

@shai_reznik

over 3 years ago

Different from "server components" or "client components" ... @QwikDev components can start their life either on the server or on the client... with same code! So I'm thinking about calling them "Nomad Components"... 😅 WDYT? Makes sense? #qwikTips #qwik

15

42

6

0

8K

QwikRecruiting @QwikRecruiting

over 3 years ago

24’s & 25’s.. recruiting is all about risk management. Teams want to see verified times and measurables. There will be plenty of opportunities to attend camps this spring to get accurate information on you. Do not miss the opportunity to get ahead. #QwikTips

0

2

1

0

646

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

Today's @QwikDev tip: Alongside SSR, Qwik(City) can also do Static Site Generation of html files. It uses the same #Qwik renderer - meaning all unused client JS (non reactive components etc) could be removed and not shipped. Extreme Tree Shaking! 🤯💪🚀 #qwikTips

0

27

8

0

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

💡 Today's @QwikDev tip: Qwik components usually start their execution on the server and then continue on the browser. This means that code used for bootstraping the component (like fetching initial data) won't be shipped if #qwik identifies it won't be needed later #qwikTips

1

25

6

0

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

Then Qwik preserves the app (and FW) state created on SSR by taking a "snapshot" and adds it to the rendered html as well. Once it gets to the browser, a service worker starts to prefetch those chunks to have them ready in the cache (forgot to tag #qwikTips, let's continue 👇)

1

7

0

Alex @alexUX_UI

almost 4 years ago

@shai_reznik @QwikDev Love the #qwiktips! On an unrelated, but still Qwik note, do you by chance know if users will be able to parameterize the window.baseURI for QRLs via the q:base prop? cc: @mhevery just in case. Thanks a bunch for stewarding the community and random q's like this in the process 🙏

1

2

0

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

Today's @QwikDev tip: Qwik runs in 3 places 👇 1️⃣ BUILD: breaks everything into tiny chunks 2️⃣ SERVER: render the page and remove unnecessary JS (that will never execute anyway) and point to the pre-built chunks 3️⃣ CLIENT: prefetch and lazy execute chunks on demand #qwikTips

1

34

10

4

0

QwikRecruiting @QwikRecruiting

almost 4 years ago

Prospects, it’s that time of the year if you have questions you need to ask them. The people in your life (Coach, Guidance Counselor, parents, etc.) are there to help you. You just have to ask #QwikTips

0

3

0

Qwikverse @QwikVerse

almost 4 years ago

Qwikverse🧑‍🚀🚀✨ Tips ⚡: Speed up your @QwikDev development workflow and save time by using @QwikDev snippets. To install search in @code extension 'qwik' and install. To use, just type `q-` ... #qwikdx #snippets #qwiktips

3

45

8

9

0

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

Today's @QwikDev tip 😊 #qwiktips #qwik

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

@dan_abramov @0xafz This drawing is not totally accurate. It's missing the prefetching via a service worker. But yeah, resumability (in @QwikDev for example) doesn't suffer from latency on interaction because we moved long time ago from lazy loading to "lazy execution" by utilizing prefetching.

1

4

0

2

0

2

0

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

Today's @QwikDev Tip: This is Qwik code... JSX. Slightly different than React, but pretty similar. Behind the scenes it loads *any scale* app INSTANTLY ⚡ So we as developers stay with the dev experience we know and get this ability OUT OF THE BOX! 🤯 #qwikTips

shai_reznik's tweet photo. Today's @QwikDev Tip:

This is Qwik code... JSX.
Slightly different than React, but pretty similar.

Behind the scenes it loads *any scale* app INSTANTLY ⚡

So we as developers stay with the dev experience we know and get this ability OUT OF THE BOX!

🤯

#qwikTips https://t.co/ngFvunguYL

2

36

7

1

0

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

Today's @QwikDev tip: 1. Go to https://t.co/qTrT7OGhAb 2. In console run "npm run preview" (+refresh inner browser) 3. Open Network tab -> Switch to "slow 3g" 4. Click the + button 5. Experience the INSTANT MAGIC! 🚀✨😊 (this is prefetching +resumability in action) #qwikTips

2

41

5

7

0

QwikRecruiting @QwikRecruiting

almost 4 years ago

Recruits, make sure your recruitment on/off the field is very clear and concise. Most staffs are trying to eliminate guys on their board. Make sure your house is in order. #QwikTips

0

2

1

0

Shai Reznik (Qwik)

@shai_reznik

almost 4 years ago

Today's @QwikDev tip: Every time you see a $ sign it means - the following callback function will be extracted into a separate file that'll be automatically lazy loaded when required. You don't need to remember to add these $ signs, they are part of the built-in API. #QwikTips

1

24

4

0

QwikRecruiting @QwikRecruiting

almost 4 years ago

#QwikTips

0

5

4

1

0

Top Tweets for #qwiktips

Last Seen Hashtags on Sotwe

Trends for you

Most Popular Users