Update 10/8/2017. AngularFire v5 introduced breaking changes. For this tutorial to work in v5, you need to import the service from `angularfire2/database-deprecated`
Use Angular NgRx with the Firebase realtime database. In this episode, I show you how to apply Redux patterns and control side effects to retrieve and update data in the Firebase.
Full Lesson: https://angularfirebase.com/lessons/firebase-with-angular-ngrx-redux/
Source Code: https://github.com/ngrx/platform/blob/master/docs/effects/README.md
Ngrx Effects: https://github.com/codediodeio/ngrx-fire
Firebase: https://firebase.google.com/
...
https://www.youtube.com/watch?v=13nWhUndQo4
The Fetch API has officially made its way into Node.js giving web developers a better default tool for making HTTP requests. Learn why this feature is a big deal and with it means for NPM packages like Axios.
#firstlook #nodejs #TheCodeReport
? Resources
Node Announcement https://twitter.com/targos89/status/1488471755194867715
Undici Node Fetch https://github.com/nodejs/undici
Fetch Standard https://fetch.spec.whatwg.org/
? Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- What is the fetch API?
- Why is node fetch a big deal?
- The future of Node.js
- New JavaScript features
- Node fetch vs Axios
...
https://www.youtube.com/watch?v=MBqS1kYzwTc
Learn everything you wanted to know about RxJS - Reactive Extensions for JavaScript in 15 minutes. In this lesson, I cover about 25 different examples related to RxJS.
Full Code and Lesson: https://angularfirebase.com/lessons/rxjs-quickstart-with-20-examples/
Useful Resources
RxMarbles: http://rxmarbles.com/
LearnRxJs: https://www.learnrxjs.io/
Official Docs: http://reactivex.io/documentation
...
https://www.youtube.com/watch?v=2LCo926NFLI
WebDev 101 is a complete introduction into the world of web development. Learn the basic concepts and skills required to build fullstack web apps with HTML, CSS, and JavaScript.
#webdevelopment #learntocode #programming
? Resources
Web Dev Basics https://developer.mozilla.org/en-US/docs/Learn
Fullstack tutorials https://fireship.io/lessons/
Computer Science 101 https://youtu.be/-uleG_Vecis
10 Fullatack Web Apps https://youtu.be/FQPlEnKav48
? Chapters
? Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- Web Development roa
- HTML and CSS Tutorial
- How to get started in web development?
- Web development roadmap for 2022
- Intro to web development for beginners
...
https://www.youtube.com/watch?v=erEgovG9WBs
A collection of 12 #tips and #tricks for building efficient and maintainable #Flutter apps ?. Learn how to use your IDE effectively, animate easily, and handle app complexity https://fireship.io/courses/flutter-firebase/
Robert Brunhage - https://www.youtube.com/channel/UCSLIg5O0JiYO1i2nD4RclaQ
FilledStacks - https://www.youtube.com/channel/UC2d0BYlqQCdF9lJfydl_02Q
Snippets: https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets
Launcher Icons: https://pub.dev/packages/flutter_launcher_icons
Flutter Docs - https://flutter.dev
Take the Flutter quizzes ?
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.
...
https://www.youtube.com/watch?v=FdgDgcrDeNI
Create high-performance 3D data visualizations with Deck.gl and Google Maps. Analyze over 140K gun violence ☠️? incidents by geographic location. https://us-gun-violence.web.app/
- Tutorial https://fireship.io/lessons/deckgl-google-maps-tutorial/
- Deck.gl https://deck.gl/#/showcases/overview
- Google Maps https://developers.google.com/maps/documentation/javascript/tutorial
#datavis #gunviolence #googlemaps
Take the quiz ?
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
...
https://www.youtube.com/watch?v=e_5W-JF_E2U
Shopify just announced a React-based JavaScript framework called Hydrogen. It is similar to Next.js, but has extra features for ecommerce and data fetching with GraphQL.
#shopify #react #firstlook
? Resources
Hydrogen Docs https://hydrogen.shopify.dev/
React server components https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html
? Chapters
00:00 Shopify Hydrogen
00:28 Why use it?
01:24 Developer Experience
03:57 Analysis
? Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- Shopify Hydrogen Overview
- Hydrogen vs Next.js
- React server components
- React SSR and SEO for ecommerce
- Headless shopify graphql API
...
https://www.youtube.com/watch?v=mAsM9c2sGjA
Learn 7 essential tips when using RxJS with Angular and Firebase, each with its own example. Full lesson: https://angularfirebase.com/lessons/top-7-rxjs-patterns-for-angular-development/
JavaScript Evangelist BehaviorSubject: https://youtu.be/IpM3oUPuGME
Learn about RxJS at https://learnrxjs.io
...
https://www.youtube.com/watch?v=65Us8NwmYf4
Try Postgres with Neon https://bit.ly/neon-fireship right now. Postgres is one of the most popular open-source SQL databases. It is an object-relational database that supports a wide range of datatypes and design patterns. Learn the basics in this fast intro tutorial.
#programming #database #100SecondsOfCode
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Postgres Docs https://www.postgresql.org/docs/
Futuristic Databases https://youtu.be/jb2AvF8XzII
SQL in 100 Seconds https://youtu.be/zsjvFFKOm3c
? Get More Content - Upgrade to PRO
Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access
? My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
? Topics Covered
- What is Postgres?
- Postgres quickstart tutorial
- Postgres vs MySQL
- Postgres vs SQLite
- Postgres vs Oracle
- What makes postgres different?
- What is an object-relational database?
...
https://www.youtube.com/watch?v=n2Fluyr3lbc