Code Splitting and Lazy Loading [5/21]
Part 1. Client-side Routing with routes definition
============
1. Match route and render component https://youtu.be/LbOnjXMOK78
2. History API for client-side navigation https://youtu.be/gSvEOZraFUA
3. Intercepting link clicks with event delegation https://youtu.be/qMnMT8mFGIU
4. Listens to the back event https://youtu.be/545r3QcDXPM
5. Code Splitting and Lazy Loading https://youtu.be/p9dvIOQz-0U
6. Adding the loading indicator for slower networks https://youtu.be/cjlow9heDDo
7. Matching routes with dynamic parameters https://youtu.be/Nux9d4-zrvc
8. Capturing dynamic parameters https://youtu.be/hQHvxWX9I6I
9. Updating route props by reusing component instance https://youtu.be/GqCrdHRphi4
10. Advance matching for parameters https://youtu.be/gOMX6ZbCXrk
11. Rest Parameters https://youtu.be/NC2_pKwId18
12. Multiple layout components for a route https://youtu.be/ZXujMpPWl4k
Part 2. Generating routes definition from folder structure
============
13. Setting up for File-based Routing https://youtu.be/2g6laP8_4vc
14. Extracting routes by traversing the folder structure https://youtu.be/p5E34OczEAc
15. Extracting parameters from file paths into regular expressions https://youtu.be/N8Z_Z3V6sy8
16. Finding nested layouts components from the folder structure https://youtu.be/l0J02zv6URY
17. Specifying parameter matchers in the file path https://youtu.be/6CWttg6iQmE
18. Ordering routes by its specificity https://youtu.be/1M6qHI7YyLo
19. Adding names to layouts https://youtu.be/LdYKjY34Euk
20. Providing page and navigation stores https://youtu.be/JfZ-sWfcUzU
21. Watch file changes to regenerate route definitions https://youtu.be/tlU9fdmLB98
🎧 Full Playlist https://www.youtube.com/playlist?list=PLoKaNN3BjQX2kY_4kwWrEQTf5VcQi0_Is
🗂 Course files https://github.com/tanhauhau/create-a-svelte-router
🥰 Support me https://www.buymeacoffee.com/lihautan
🔗 Want to learn more from me? Check out these links:
Twitter: https://twitter.com/lihautan
Blog: https://lihautan.com/
Newsletter: https://lihautan.com/newsletter
Discord: https://discord.gg/RbtgYvExVJ
Thanks for watching 🥰 -- with love, Li Hau
Видео Code Splitting and Lazy Loading [5/21] канала lihautan
============
1. Match route and render component https://youtu.be/LbOnjXMOK78
2. History API for client-side navigation https://youtu.be/gSvEOZraFUA
3. Intercepting link clicks with event delegation https://youtu.be/qMnMT8mFGIU
4. Listens to the back event https://youtu.be/545r3QcDXPM
5. Code Splitting and Lazy Loading https://youtu.be/p9dvIOQz-0U
6. Adding the loading indicator for slower networks https://youtu.be/cjlow9heDDo
7. Matching routes with dynamic parameters https://youtu.be/Nux9d4-zrvc
8. Capturing dynamic parameters https://youtu.be/hQHvxWX9I6I
9. Updating route props by reusing component instance https://youtu.be/GqCrdHRphi4
10. Advance matching for parameters https://youtu.be/gOMX6ZbCXrk
11. Rest Parameters https://youtu.be/NC2_pKwId18
12. Multiple layout components for a route https://youtu.be/ZXujMpPWl4k
Part 2. Generating routes definition from folder structure
============
13. Setting up for File-based Routing https://youtu.be/2g6laP8_4vc
14. Extracting routes by traversing the folder structure https://youtu.be/p5E34OczEAc
15. Extracting parameters from file paths into regular expressions https://youtu.be/N8Z_Z3V6sy8
16. Finding nested layouts components from the folder structure https://youtu.be/l0J02zv6URY
17. Specifying parameter matchers in the file path https://youtu.be/6CWttg6iQmE
18. Ordering routes by its specificity https://youtu.be/1M6qHI7YyLo
19. Adding names to layouts https://youtu.be/LdYKjY34Euk
20. Providing page and navigation stores https://youtu.be/JfZ-sWfcUzU
21. Watch file changes to regenerate route definitions https://youtu.be/tlU9fdmLB98
🎧 Full Playlist https://www.youtube.com/playlist?list=PLoKaNN3BjQX2kY_4kwWrEQTf5VcQi0_Is
🗂 Course files https://github.com/tanhauhau/create-a-svelte-router
🥰 Support me https://www.buymeacoffee.com/lihautan
🔗 Want to learn more from me? Check out these links:
Twitter: https://twitter.com/lihautan
Blog: https://lihautan.com/
Newsletter: https://lihautan.com/newsletter
Discord: https://discord.gg/RbtgYvExVJ
Thanks for watching 🥰 -- with love, Li Hau
Видео Code Splitting and Lazy Loading [5/21] канала lihautan
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Svelte Tutorial for Beginners - Style your Svelte component [2/3] - class: Directive](https://i.ytimg.com/vi/tmDpBMPMVqQ/default.jpg)
![Svelte Tutorial for Beginners - Conditionally render elements with {#if}](https://i.ytimg.com/vi/ICcy674O6ZU/default.jpg)
![Svelte Actions: What if Svelte use:action feature does not exists?](https://i.ytimg.com/vi/Y19gAgyhU-c/default.jpg)
![Svelte Actions: Integrating UI Library into a Svelte app using Svelte Actions](https://i.ytimg.com/vi/Y5IiSdcqdeQ/default.jpg)
![Advent of Code 2023 - Day 13 Point of Incidence](https://i.ytimg.com/vi/vNg58thGEKo/default.jpg)
![Setting Conditional Breakpoint | Debugging with Chrome DevTools](https://i.ytimg.com/vi/w4Mx6oRTBk4/default.jpg)
![Svelte Tutorial for Beginners - svelte:window](https://i.ytimg.com/vi/76tw1eGpY40/default.jpg)
![Advent of Code 2023 Day 2 - Cube Conundrum](https://i.ytimg.com/vi/JufvOCTxapU/default.jpg)
![Formula bar | SvelteWeekend #5](https://i.ytimg.com/vi/8zpcjxEsJvw/default.jpg)
![Easing | Svelte Transitions | Tutorial 4](https://i.ytimg.com/vi/xQc9mwBGJ5Q/default.jpg)
![💬 Advent of Code 2020 - Day 19 Monster Messages](https://i.ytimg.com/vi/M1av9VuNqJc/default.jpg)
![Svelte Actions: Creating events with Svelte actions](https://i.ytimg.com/vi/22aIzPaI3Vg/default.jpg)
![Custom Svelte Store: Redux store as Svelte store](https://i.ytimg.com/vi/7uCNx764FCs/default.jpg)
![SvelteKit 路由 - 文件即路由,动态参数](https://i.ytimg.com/vi/9BUf_Bf-xHA/default.jpg)
![Svelte Tutorial for Beginners: Svelte Compiler API](https://i.ytimg.com/vi/sEAzEXyTRT4/default.jpg)
![Rest Parameters [11/21]](https://i.ytimg.com/vi/NC2_pKwId18/default.jpg)
![Custom Svelte Store: Higher Order Store](https://i.ytimg.com/vi/p1aPfVyZ1IY/default.jpg)
![Svelte Tutorial for Beginners - Lazy Component](https://i.ytimg.com/vi/eXM0i6qgJyY/default.jpg)
![Svelte Store: tweened() and spring() [2/2]](https://i.ytimg.com/vi/iSMabrx769Y/default.jpg)
![🌊 Advent of Code 2020 - Day 12 Rain Risk](https://i.ytimg.com/vi/Z7pZk0m5Pqw/default.jpg)