fun4code.com – Exploring Flutter, Front-end, and JavaScript

#10FlutterChallenges — Part 4: Filtering List by Matching IDs 📚

#10FlutterChallenges — Part 4: Filtering List by Matching IDs 📚

Real challenges & real problems. Learn how to filter list by matching ID's in Flutter!

5 Useful Flutter Libraries 👑 💪

Flutter Featured

5 Useful Flutter Libraries 👑 💪

Today I will show you 5 useful Flutter libraries that you can use in your applications: Isar for efficient data storage, Cached Network Image for faster image processing, Modal Bottom Sheet for UI interaction, Logger for convenient logging and Flutter dotenv for handling environmental variables.

Building a Flutter application with a local ISAR database 📱

Building a Flutter application with a local ISAR database 📱

ISAR is a high-performance, fully async NoSQL, and schema first database for Flutter. Isar was started as a replacement for Hive. By incorporating ISAR into your Flutter project, you'll be able to manage and manipulate data with queries, multi-entry indexes and JSON support.

Full Stack Application – HTMX + ExpressJS + Turso: A Step-by-Step Guide 🎉 📚

Full Stack Application – HTMX + ExpressJS + Turso: A Step-by-Step Guide 🎉 📚

Welcome to a step-by-step guide to building full-stack application using three technologies – HTMX, Express.js and Turso. In this tutorial, I'll show you how to build a simple application using this popular backend framework, together with HTMX.

Formik and ZOD -Validating Forms with Schema ✌️💡

Formik and ZOD -Validating Forms with Schema ✌️💡

This blog post takes a deep dive into the world of Formik and Zod, offering an in-depth guide on how to validate forms with schemas. Formik simplifies form state management, while Zod empowers you to define precise data constraints with ease.

Flutter conventional commits—with git hooks and Lefthook 👑

Flutter Featured

Flutter conventional commits—with git hooks and Lefthook 👑

Conventional Commits, Git Hooks, and Lefthook, a trifecta that can transform, maintaining code quality and consistency in your development.

ZOD - TypeScript-first schema data validation 🤩 🔥

Front-end Featured

ZOD - TypeScript-first schema data validation 🤩 🔥

Zod is TypeScript-first schema validation library with static type inference from schema object. Validate at runtime and compile-time.

Flutter translations with GetX

Flutter translations with GetX

Today, I will show you how to deal with translations using the GetX package.

8 ESLint rules you want to turn on in your project! 📚

8 ESLint rules you want to turn on in your project! 📚

In this article, I will introduce some useful ESLint rules that can extend your current configuration and provide better and more secure code.

Webpack 5 Module Federation A-Z: React Foodie App (Part II) – TypeScript + Bit 👑

Front-end Featured

Webpack 5 Module Federation A-Z: React Foodie App (Part II) – TypeScript + Bit 👑

Learn how to use Webpack Module Federation in real React application. Find out Micro-Frontends approach, TypeScript, AWS, Redux and many more in this blog series!

#10FlutterChallenges - Part 3: Audio + LifeCycle service 🎵

#10FlutterChallenges - Part 3: Audio + LifeCycle service 🎵

Real scenarios & real problems. Learn how to make Audio and LifeCycle services to play music in your app!

Webpack 5 Module Federation A-Z: React Foodie App (Part I) – basics 👑

Front-end Featured

Webpack 5 Module Federation A-Z: React Foodie App (Part I) – basics 👑

Learn how to use Webpack Module Federation in real React application. Find out Micro-Frontends approach, TypeScript, AWS, Redux and many more in this blog series!

Top coding resources to learn: list of awesome sources 🔥👍 (2021/2022 updated) 📚

Front-end Featured

Top coding resources to learn: list of awesome sources 🔥👍 (2021/2022 updated) 📚

Take a look at my favorite coding resources I have learned from! A constantly updated list that allows you to learn effectively! 🔥

#10FlutterChallenges - Part 2: switch button ❤️‍🔥

#10FlutterChallenges - Part 2: switch button ❤️‍🔥

Real scenarios & real problems. Learn how to make a custom switch bar with the smooth toggle animation!

TypeScript: Explicit vs Implicit type annotation 🤔

TypeScript: Explicit vs Implicit type annotation 🤔

Using TypeScript can provide many benefits, such as reducing bugs or self-documenting codebase. But it can also cause dilemmas, such as whether to allow TypeScript to infer types or to explicitly annotate the static type, as in other programming languages.

🔥#10FlutterChallenges - Part 1: progress bar with gradient

🔥#10FlutterChallenges - Part 1: progress bar with gradient

Real scenarios & real problems. Learn how to make an custom progress bar with the gradient background that will looks tasty!

Custom styled Bar Chart with Flutter using charts_flutter

Custom styled Bar Chart with Flutter using charts_flutter

Today I'm going to show you can customize your bar chart a bit using the chart_flutter package. I show you how you can style bars and labels, taking inspiration from series The Witcher.

8 Reasons why working with Flutter is awesome 😎

Flutter Featured

8 Reasons why working with Flutter is awesome 😎

Hi! Today in this blog post, I'm gonna to highlight some of my personal-favorite reasons why I love working at Flutter, and what makes me to think it is awesome.