NgRx: From Global to Component Store - BLS021 SHOW & TELL WITH ZACK DEROSE
beeman.dev
In this episode of Show & Tell, Zack and I will look at how to migrate from a Global NgRx store to a Component Store
NgRx: From Global to Component Store - BLS021 SHOW & TELL WITH ZACK DEROSE
NgRx: From Global to Component Store - BLS021 SHOW & TELL WITH ZACK DEROSE
updated 3 years ago
NgRx: From Global to Component Store - BLS021 SHOW & TELL WITH ZACK DEROSE
prisma.io
🌟 Star the GitHub Repo: github.com/trpc/trpc
🌟Follow Alex on Twitter: twitter.com/alexdotjs
Project repo: github.com/ngworker/ngworker/tree/main/packages/spectacular
Demo repo: github.com/beeman/spectacular-app
Check routeshub: routeshub.gitbook.io
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
Feel free to ask any questions in the comments, or share any useful timestamps I can list here!
#BEEMANDEV
Repo: github.com/trungk18/angular-spotify
Demo: spotify.trungk18.com
Deck: slides.com/tuantrungvo/angular-spotify
Spectacular offers test harnesses for Angular applications and libraries.
We then move on to creating the a new model in our database and generate all the code necessary to Cread, Read, Update and Delete that data. Lastly, we add a new property to the model and and create a resolver to retrieve a public list of items, and use that in our front end.
00:00 Introduction
00:38 What is nxpm-stack
01:53 Installing and running
03:15 Exploring the generated front end
03:47 Exploring the workspace generators
04:10 Add Model with CRUD for API and Front end
06:05 Add Property to the Model
08:23 Add public resolver to retrieve data on the front end
✨ The repo for nxpm-stack: github.com/nxpm/stack
✨ The repo for this project github.com/beeman/nxpm-stack-intro-sandbox/t
➡️ Follow me on Twitter twitter.com/beeman_nl
➡️ Come hang out in the Angular Discord discord.gg/angular
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
#BEEMANDEV #ANGULAR #NEST #PRISMA #GRAPHQL #NXPM #NXPM-STACK #FULL-STACK #NX
Follow Alex on Twitter twitter.com/waterplea
Follow Alex on GitHub github.com/waterplea
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
#BEEMANDEV
Project Website: https://nxtend.dev/
Project Repo: github.com/nxtend-team/nxtend
Follow Devin on Twitter twitter.com/paranoidcoder
Follow Devin on GitHub github.com/devinshoemaker
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
#BEEMANDEV
References:
- Sponsor VIM, Help children in Uganda: vim.org/iccf
- Talk "We can have nice things" by Justin M. Keyes youtube.com/watch?v=Bt-vmPC_-Ho
- NeoVim neovim.io
- Mike on Twitch twitch.tv/mhartington
- Mike on Twitter twitter.com/mhartington
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
Feel free to ask any questions in the comments, or share any useful timestamps I can list here!
#BEEMANDEV
They have been working on a logging solution called 'Lumberjack' and are about to release v2.
@ngworker/lumberjack v2 - Show & Tell BLS024
✨ The repo github.com/ngworker/lumberjack
Follow Lars:
twitter.com/LayZeeDK
github.com/LayZeeDK
Follow Nacho:
github.com/NachoVazquez
twitter.com/nacho_vazquez14
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
Feel free to ask any questions in the comments, or share any useful timestamps I can list here!
#BEEMANDEV
0:00 Introduction
0:10 Installing @ngneat/tailwind
0:49 Restarting the dev server
1:12 Using Tailwind in our template
1:32 Extracting classes using '@apply'
1:56 Review the repo
2:03 Installation instructions, also for Nx Workspace
2:20 Purge mode
2:33 Outro
✨ The repo github.com/ngneat/tailwind
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
Feel free to ask any questions in the comments, or share any useful timestamps I can list here!
twitter.com/beeman_nl
github.com/beeman
#BEEMANDEV #ANGULAR #TAILWINDCSS #NGNEAT
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
Feel free to ask any questions in the comments, or share any useful timestamps I can list here!
#BEEMANDEV
➡️ The project repo http://github.com/nartc/mapper
@Automapper for TypeScript - BLS022 SHOW & TELL WITH CHAU TRAN
In this episode of Show & Tell, Chau will walk us through the tests he created for the Component Store Playground!
BLS020 SHOW & TELL WITH CHAU TRAN
We will look at the app they built and convert it to using Formly!
🌟 Star the repo on GitHub github.com/beeman/tailwind-twitter-clone
Check Part One Here: youtu.be/klHW4oOlJP8
0:00 Waiting screen
1:28 Introduction
15:00 Add Routes
🌟 Star the repo on GitHub github.com/beeman/tailwind-twitter-clone
Check Part Two Here: youtu.be/BYeuCWz3JKs
Using Component Store:
Part 1: youtu.be/QFjKdVq7dfo
Part 2: youtu.be/BxH9CGVAGSE
Part 3: youtu.be/T0AxLgdLwqE
Testing Component Store:
youtu.be/mxokTCBwg2E
Check this playlist for all Component Store content on BEEMAN.DEV:
➡️ youtube.com/playlist?list=PL26p7XV-o0gsZRCFKsVtdPQDDPkvzF8lU
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
Using Component Store:
Part 1: youtu.be/QFjKdVq7dfo
Part 2: youtu.be/BxH9CGVAGSE
Part 3: youtu.be/T0AxLgdLwqE
Testing Component Store:
youtu.be/mxokTCBwg2E
Check this playlist for all Component Store content on BEEMAN.DEV:
➡️ youtube.com/playlist?list=PL26p7XV-o0gsZRCFKsVtdPQDDPkvzF8lU
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
Using Component Store:
Part 1: youtu.be/QFjKdVq7dfo
Part 2: youtu.be/BxH9CGVAGSE
Part 3: youtu.be/T0AxLgdLwqE
Testing Component Store:
youtu.be/mxokTCBwg2E
Check this playlist for all Component Store content on BEEMAN.DEV:
➡️ youtube.com/playlist?list=PL26p7XV-o0gsZRCFKsVtdPQDDPkvzF8lU
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
Feel free to ask any questions in the commands! Also, feel free to share any useful timestamps I can list here!
💡Technologies used:
- Angular
- Nx Workspace
- Firebase for data storage
- Netflix for hosting and functions
- NgRx
- Tailwind
#BEEMANDEV
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
Feel free to ask any questions in the comments, or share any useful timestamps I can list here!
#BEEMANDEV #NX #GITHUB
Introduction to NgRx Component Store Part 1 - BLS010 SHOW & TELL WITH ALEX OKRUSHKO
Part 1: youtu.be/_NtJNGDnPWg
Part 2: youtu.be/rryM9MAqLOI
Check this playlist for all Component Store content on BEEMAN.DEV:
➡️ youtube.com/playlist?list=PL26p7XV-o0gsZRCFKsVtdPQDDPkvzF8lU
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
Feel free to ask any questions in the comments! Also, feel free to share any useful timestamps I can list here!
#BEEMANDEV
Introduction to NgRx Component Store Part 2 - BLS010 SHOW & TELL WITH ALEX OKRUSHKO
Part 1: youtu.be/_NtJNGDnPWg
Part 2: youtu.be/rryM9MAqLOI
Check this playlist for all Component Store content on BEEMAN.DEV:
➡️ youtube.com/playlist?list=PL26p7XV-o0gsZRCFKsVtdPQDDPkvzF8lU
🙏 If you like my content, consider sponsoring me on GitHub! github.com/sponsors/beeman
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
Feel free to ask any questions in the comments! Also, feel free to share any useful timestamps I can list here!
#BEEMANDEV
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
Feel free to ask any questions in the commands! Also, feel free to share any useful timestamps I can list here!
#BEEMANDEV
I hope this video will help you much. If this video give some value to you then please smash the like button to push me in YouTube algorithms and if you are new to my channel then please subscribe tp stay updated! Thanks
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
Feel free to ask any questions in the commands! Also, feel free to share any useful timestamps I can list here!
Links mentioned in this episode:
💡GitHub:👉 github.com/LayZeeDK
💡 Twitter:👉 twitter.com/LayZeeDK
1 )Tiny Angular application projects in Nx workspaces
👉 https://indepth.dev/tiny-angular-application-projects-in-nx-workspaces
2 )Shell Library patterns with Nx and Monorepo Architectures
👉https://indepth.dev/the-shell-library-patterns-with-nx-and-monorepo-architectures/
3 )How to set up an Nx-style monorepo workspace with the Angular CLI: Part 1
👉https://indepth.dev/how-to-set-up-an-nx-style-monorepo-workspace-with-the-angular-cli-part-1/
4 )Angular Architecture: Getting rid of NgModules Part 1
👉 soundcloud.com/angularlicious/angular-architecture-lars-brink
5 ) Angular Architecture: Getting rid of NgModules Part 2
👉 soundcloud.com/angularlicious/angular-architecture-part-2-with-lars-still-getting-rid-of-modules
6 ) Enterprise Monorepo Angular Patterns
👉go.nrwl.io/angular-enterprise-monorepo-patterns-new-book
BLS006 Show & Tell with Lars Brink BEEMAN.DEV
#BEEMANDEV
I hope this video will help you much. If this video give some value to you then please smash the like button to push me in YouTube algorithms and if you are new to my channel then please subscribe tp stay updated! Thanks
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
Feel free to ask any questions in the commands! Also, feel free to share any useful timestamps I can list here!
Links mentioned in this episode:
💡GitHub:👉 github.com/LayZeeDK
💡 Twitter:👉 twitter.com/LayZeeDK
1 )Tiny Angular application projects in Nx workspaces
👉 https://indepth.dev/tiny-angular-application-projects-in-nx-workspaces
2 )Shell Library patterns with Nx and Monorepo Architectures
👉https://indepth.dev/the-shell-library-patterns-with-nx-and-monorepo-architectures/
3 )How to set up an Nx-style monorepo workspace with the Angular CLI: Part 1
👉https://indepth.dev/how-to-set-up-an-nx-style-monorepo-workspace-with-the-angular-cli-part-1/
4 )Angular Architecture: Getting rid of NgModules Part 1
👉 soundcloud.com/angularlicious/angular-architecture-lars-brink
5 ) Angular Architecture: Getting rid of NgModules Part 2
👉 soundcloud.com/angularlicious/angular-architecture-part-2-with-lars-still-getting-rid-of-modules
6 ) Enterprise Monorepo Angular Patterns
👉go.nrwl.io/angular-enterprise-monorepo-patterns-new-book
BLS006 Show & Tell with Lars Brink BEEMAN.DEV
#BEEMANDEV
I hope this video will help you much. If this video give some value to you then please smash the like button to push me in YouTube algorithms and if you are new to my channel then please subscribe tp stay updated! Thanks
💡 Subscribe to get all updates: 👉bit.ly/3fR8Exo
Feel free to ask any questions in the commands! Also, feel free to share any useful timestamps I can list here!
Links mentioned in this episode:
💡GitHub:👉 github.com/LayZeeDK
💡 Twitter:👉 twitter.com/LayZeeDK
1 )Tiny Angular application projects in Nx workspaces
👉 https://indepth.dev/tiny-angular-application-projects-in-nx-workspaces
2 )Shell Library patterns with Nx and Monorepo Architectures
👉https://indepth.dev/the-shell-library-patterns-with-nx-and-monorepo-architectures/
3 )How to set up an Nx-style monorepo workspace with the Angular CLI: Part 1
👉https://indepth.dev/how-to-set-up-an-nx-style-monorepo-workspace-with-the-angular-cli-part-1/
4 )Angular Architecture: Getting rid of NgModules Part 1
👉 soundcloud.com/angularlicious/angular-architecture-lars-brink
5 ) Angular Architecture: Getting rid of NgModules Part 2
👉 soundcloud.com/angularlicious/angular-architecture-part-2-with-lars-still-getting-rid-of-modules
6 ) Enterprise Monorepo Angular Patterns
👉go.nrwl.io/angular-enterprise-monorepo-patterns-new-book
BLS006 Show & Tell with Lars Brink BEEMAN.DEV
#BEEMANDEV
Tonight in the Saturday Night Live Stream I'm playing with Angular, Nx, PrimeNG and FORMLY. Last Saturday I didn't get to Formly, so I will start with it now! - BEEMAN.DEV Saturday Night Live Stream