Front-end - fun4code

Front-end

Elevate your web development skills with our Front-end tag. Explore the latest trends, techniques, and best practices in creating stunning user interfaces and exceptional user experiences. Dive into the world of HTML, CSS, JavaScript, and modern front-end frameworks to craft responsive, user-friendly websites and applications.

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.

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.

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!

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! 🔥

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.