Provider: Proxy, Stream and Future in 6 MinutesFun with Flutter2020-06-01 | Learn how to use the more advanced Providers in Flutter, such as: StreamProvider, ProxyProvider and FutureProvider.
Dealing with unwanted Widget rebuilds: stackoverflow.com/questions/52249578/how-to-deal-with-unwanted-widget-buildFlutter Skia Screenshot - for the adventurous debuggersFun with Flutter2023-02-09 | #shorts If you're doing any complex Flutter painting or creating your own RenderObjects, the Flutter Skia screenshot tool can be a great help.Easily manage Flutter dependencies in Visual Studio CodeFun with Flutter2022-06-12 | Never visit Pub again #shorts
#Shorts #FlutterCreate a Collaborative Rich Text Editing Experience with Flutter Web and AppwriteFun with Flutter2022-04-20 | Appwrite is an open-source backend - an alternative to Firebase. Create a collaborative rich-text editing experience using Flutter Web and Appwrite, similar to Google Docs! This video will look at adding authentication, database, and listening to real-time events using Appwrite. As well as neatly structuring our Flutter code using repositories and services, Riverpod for state management, Routemaster to manage our web routes, and Flutter Quill for rich text editing.
⏱ Timestamps: 0:00 00: Intro 3:59 01: Base Setup 5:08 02: Riverpod Setup 6:38 03: Routemaster Setup 11:37 04: Appwrite Setup 17:19 05: Authentication Repository 24:33 06: Authentication State Service 34:59 07: Login and Registration Pages 45:02 08: Add Logged-in Routes 51:58 09: Add Document UI and State 1:07:47 10: Create Documents 1:18:15 11: Update and Save Documents 1:35:22 12: Real-time Changes 1:48:45 13: Open and List All Documents 1:56:51 14: Extra Features and What’s NextFun with Flutter Puzzle Hack SubmissionFun with Flutter2022-03-14 | Demo video showcasing my submission to the Flutter Puzzle Hack completion.
This game uses Box2D physics to add a twist to the slide puzzle.
Works best on Chrome. You might need a beefy machine to avoid lag.
devpost.com/software/box2d-slider-puzzleFlutter Performance Tip: Keep Your Build PureFun with Flutter2021-09-06 | Keep your build method pure and free of side effects. In this Flutter performance tip, we explore some considerations with the Flutter build method - what to do and what not to do.
Chapters: 0:00 Intro 2:30 Breaking changes v0.14.0 5:08 Scoped Provider replaced with Provider 6:47 ConsumerWidget build method prototype change 8:56 Other breaking changes v1.0.0 10:56 ProviderListener deprecated with ref.listen 13:23 Other deprecations v1.0.0 13:53 ConsumerStatefulWidget and ConsumerState 16:27 Filtering rebuilds with select on providers 17:28 ref.listen inside other providers 30:26 Other new features and changes
--- COURSES http://courses.funwith.appFlutter Version Management. You need to use this.Fun with Flutter2021-06-14 | Overview of how to setup and use Flutter Version Management (FVM), and why you should be using it.
Easily manage multiple versions of Flutter on your local machine at the same time. Switch between Flutter versions and channels. This will assist with bigger project that have multiple environment and team members, or for Continuous Deliver / Continues Integration.
- - - Courses: http://courses.funwith.app
- - - Socials: twitter.com/gordonphayesFlutter UI Tip 3: Popup CardFun with Flutter2021-02-25 | Easily create a popup effect for cards or buttons. Invest in yourself! Use my link and check out the first chapter of any course for FREE! bit.ly/3qLlX7g
-- Program I use for mockups: bit.ly/rotatopro This is an affiliate link, if you purchase from this link then I'll earn a small commission. Which is a great way to support the channel :)
-- Check out my Flutter Animation and Performance course. Discounted link: bit.ly/funwithcourse
Or use the promo code: FUN for a discount at checkout: https://courses.funwith.app
This video was sponsored by DataCamp.Riverpod Tutorial 04 - Freezed: Unions and Data ClassesFun with Flutter2021-01-29 | How you can use Freezed to enhance Riverpod (and your Flutter coding in general). This is a practical example of how to use Freezed, as well as a primer for those of you that are new to it.
-- Thumbnail photo: Photo by t j on Unsplash (unsplash.com/@tianjin?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)Riverpod Tutorial 03 - FutureProvider, AsyncValue and Error HandlingFun with Flutter2020-12-11 | A must watch for Riverpod users. Pro tips on using AsyncValue with StateNotifier to improve your code's readability and safety. The video starts with a primer on FutureProvider and AsyncValue, and then goes into detail on how to use AsyncValue with a StateNotifier and proper error handling.
--- Chapters: 0:00 Intro 0:40 AsyncValue and FutureProvider Primer 7:37 Code Overview 9:55 Overrides for Mock Classes 11:04 State Notifier with AsyncValue 16:17 Handling Exceptions 22:00 Next upRiverpod Tutorial 02 - Reading providers best practicesFun with Flutter2020-11-30 | Getting to grips with everything Riverpod has to offer is not easy. This series is here to help. In this video we explore all the different ways to read (access) a provider, plus when to use which.
-- Check out my Flutter Animation and Performance course. Discounted link: bit.ly/funwithcourse
Or use the promo code: FUN for a discount at checkout: https://courses.funwith.app
-- Join me on the socials. Twitter: twitter.com/gordonphayesRiverpod Tutorial 01 - Understanding the different notifiersFun with Flutter2020-10-03 | Getting to grips with everything Riverpod has to offer is not easy. This series is here to help. In this video we explore StateNotifier, ValueNotifier and StateProvider. Three different ways to manage state in your Flutter application using Riverpod. There are of course more ways, but these are three easy and common ones.
-- Check out my Flutter Animation and Performance course. Discounted link: bit.ly/funwithcourse
Or use the promo code: FUN for a discount at checkout: https://courses.funwith.app
-- Join me on the socials. Twitter: twitter.com/gordonphayesFlutter UI Tip 2: Staggered Grid ViewFun with Flutter2020-09-21 | Create a varying grid view in your Flutter application, similar to Instagram and Pinterest. -- Program I use for mockups. bit.ly/rotatopro This is an affiliate link, if you purchase from this link then I'll earn a small commission. Which is a great way to support the channel :)
-- Check out my Flutter Animation and Performance course. Discounted link: bit.ly/funwithcourse
Or use the promo code: FUN for a discount at checkout: https://courses.funwith.app
-- Github code: github.com/funwithflutter/flutter_ui_tips -- Join me on the socials. Twitter: twitter.com/gordonphayesFlutter UI Tip 1: Stretchy HeaderFun with Flutter2020-08-27 | Add a stretchable header to your Flutter application. -- Program I use for mockups. bit.ly/rotatopro This is an affiliate link, if you purchase from this link then I'll earn a small commission. Which is a great way to support the channel :)
-- Check out my Flutter Animation and Performance course. Discounted link: bit.ly/funwithcourse
Or use the promo code: FUN for a discount at checkout: https://courses.funwith.app
-- Github code: github.com/funwithflutter/flutter_ui_tips -- Join me on the socials. Twitter: twitter.com/FunFlutterUnique sign in form built with Lit Firebase Auth and FlutterFun with Flutter2020-08-21 | Tutorial video demonstrating how to create a custom sign in form using the Lit Firebase Auth package in Flutter.
--- Go check out the Amateur Coder YouTube channel for more great content and to see how to add Google, Apple and Twitter authentication to this sign in flow.
--- Ready to learn more? The full animation course can be accessed at: bit.ly/funwithcourse
--- Chapters: 0:00 Overview 2:01 How to use a Custom Painter 16:13 Animating the paint 27:45 Lit and Firebase Initialization 31:09 Sign in form UI 45:55 Auth handlers 50:00 Creating multiple sign in pages 57:53 Animation Package and transitions 1:05:25 Authentication state 1:07:29 Add Page Transitions 1:14:09 Custom Notifications
00:00 - Introduction 05:17 - Initialize 10:13 - Standard form 14:40 - Decoration 18:28 - Custom form 17:50 - What's nextExploring Riverpod and building a Todo App | FlutterFun with Flutter2020-07-07 | Riverpod: Provider, but different. A new state management technique brought to you by the person who made Provider. Riverpod is meant to solve some of the common problems of Provider and also give some other neat benefits. It's legit awesome, you should check it out.
In this video we explore Riverpod and its usage while building a Todo App.
Relevant links: Riverpod: https://riverpod.dev/ Todo List example from the Riverpod documentation: github.com/rrousselGit/river_pod/tree/master/examples/todosImprove your Flutter Apps performance with a RepaintBoundaryFun with Flutter2020-06-20 | The RepaintBoundary is a widget every Flutter developer needs to know. Using it is simple, however identifying when to use it and whether it is needed is not as simple. Join me in this video as we take a look at a number of examples to identify when a RepaintBoundary is appropriate and visualize the performance improvements that a RepaintBoundary provides.
This video is taken from my Flutter Animation and Performance course. It's available here: Course: bit.ly/funwithcourse Discount Code: FUN
00:00 - Overview 02:08 - Identify performance issues 09:22 - Repaint Boundary 13:40 - Image Caching 18:35 - Paint Phase, Tools, and when to use 27:47 - Identify if a RepaintBoundary is usefulProvider with StateNotifier - Easy State Management for FlutterFun with Flutter2020-06-13 | You're probably familiar with ValueNotifier and ChangeNotifier. But have you ever heard of StateNotifier? In this tutorial we go over a simple example showing how you can use StateNotifier in your Flutter applications to easily manage state.
Written Tutorial: https://blog.funwith.app/posts/provider-with-statenotifier/Provider and ChangeNotifier in 7 MinutesFun with Flutter2020-05-23 | Learn how to use Provider with ChangeNotifier in Flutter. As well as all of the different ways to read a value using Provider - read, watch, select, consumer and selector.
Part 2 | Proxy, Stream and Future : youtube.com/watch?v=7ikm9k7Y1RQ&Flutter BlurHash Package | Beautiful Placeholder ImagesFun with Flutter2020-05-16 | An overview of the BlurHash package for Flutter. Instead of loading indicators, immediately show a blurred version of an image while it is being loaded.
Credit to the creators and contributors of the package: github.com/fluttercommunity/flutter_blurhash/graphs/contributorsFlutter Web | Add Firebase Authentication and Google Sign inFun with Flutter2020-05-14 | In this tutorial we will add Firebase Authentication and Google Sign in to a Flutter web application. Beginner friendly.
In this tutorial, using the Stream platform, we explore their chat API and Flutter components to build a real-time chat application in Flutter using only 100 lines of code (give or take). Stream's integration with Flutter creates one of the fastest and easiest ways to incorporate live chat into your application.
Github for the application in the video: github.com/funwithflutter/flutter_stream_chat_appFlutter Animation in 5 MinutesFun with Flutter2020-03-30 | A quick video demonstrating the important concepts of animation in Flutter. Ready to learn more? The full animation course can be accessed at: https://courses.funwith.app Promo Code: FUN
Here is a link to get a discount: https://courses.funwith.app/p/mastering-animation-in-flutter/?product_id=1679475&coupon_code=FUNMake Your Own Animation Curve in FlutterFun with Flutter2020-02-10 | In this video we make use of the Curves class to create our own custom Sine and Spring Curve in Flutter. Create any animation you can image by first creating a unique curve.
A game I made in Flutter to showcase how easy it is to do animations using Implicit Animations. This is a preview video to an upcoming Flutter Animation Course that will be releasing soon.Flutter Algorithm Visualizer #04 - Selection SortFun with Flutter2019-12-28 | Preparing for an interview or want to learn more algorithms: Check out algoexpert.io/funwith and use the promo code "funwith" for a 15% discount.
In this video we take a look at the Selection Sort Algorithm implemented in Flutter/Dart. Probably the easiest sorting algorithm. Sit back, make a coffee, and listen to me ramble about nothing for 5 minutes. Stick to the end - there's a thank you.
Head over to https://funwith.app for more content (made entirely in Flutter)
The algorithm above can be optimized by not iterating to 0 if the value has already been placed in the correct position. The actual app may be different to the sample you see in the video.Proxy Flutter Apps - Understanding HTTPS & SSL CertificatesFun with Flutter2019-12-02 | In this video I demonstrate how you can proxy your Flutter application in an easy and secure way. But before you do it's important to understand some core concepts about HTTPS and SSL Certificates.
Companion Blog Post: https://blog.funwith.app/posts/proxy-flutter-apps/
Support the channel: patreon.com/funwithflutterTools and techniques to profile Flutter applications for performance issuesFun with Flutter2019-11-25 | In this video we explore some tools and techniques to profile our Flutter applications to discover potential performance issues in our code. We take a look at Dart DevTools, Dart Observatory and other Flutter Performance tools. This is an intro video covering the basics of these tools.
In this video we take a look at the UI behind the Bubble Sort algorithm.
Interested in learning more about algorithms, definitely check out algoexpert.io/funwith and use the promo code "funwith" for a 15% discount.
Source Code: github.com/funwithflutter/flutter_algorithm_visualizerFlutter Algorithm Visualizer #01 - Binary SearchFun with Flutter2019-11-13 | In this video we go over the Binary Search Algorithm and showcase a visualization tool built in Flutter to better illustrate how the algorithm works.
Go take a look at AlgoExpert if you want to learn more algorithms. Use the promo code "funwith" at checkout for a 15% discount! algoexpert.io/funwith
The code is open source, feel free to check it out at: github.com/funwithflutter/fun-with-flutter-website github.com/funwithflutter/fun-with-flutter-blogFlutter Web: Importing HTML and JavaScript - (Flutter 1.9) - FunWith Devlog #003Fun with Flutter2019-09-22 | In this video we cover how to use JavaScript and HTML in you Flutter application (September 2019). This is a temporary solution, and there will probably be better alternatives in the future.
The code is open source, feel free to check it out at: github.com/funwithflutter/fun-with-flutter-website github.com/funwithflutter/fun-with-flutter-blogFlutter - Confetti PackageFun with Flutter2019-09-05 | A fun package I made in Flutter to celebrate the launch of my Patreon page! Blast confetti all over the place - impress your friends and dog with the colorful magic that is computationally generated pixels that are mathematically traversing the screen with each consecutive frame to create the illusion of confetti.
The actual package https://pub.dev/packages/confetti
Source code github.com/funwithflutter/flutter_confettiRive: Kid Hero - #25 Touch Ups and GradientsFun with Flutter2019-08-17 | We finalize the animation and do some touch ups to make it shine. Then we talk about using different gradients and overlays to achieve good looking effects.
https://rive.app/
Course: Learn to use the Flare Animation tool for vector animation to create great looking animations for your games and apps.