--- title: "#mixin articles | Hashnode" description: "Explore 10 articles tagged #mixin on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/mixin" --- Tag # #mixin 10 posts · 1 followers [YI-LIN CHEN (Eva)](https://hashnode.com/@im1010ioio) · [Oct 6, 2025](https://hashnode.com/posts/scss-mixin/68e3e8900b4629b1136ba681) ### [#85 SASS/SCSS (4) Mixins @mixin & @include](https://im1010ioio.hashnode.dev/scss-mixin?utm_source=hashnode&utm_medium=feed) ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 好的，我們已經學會了如何用變數來管理重複的數值，以及如何用 Partials 來組織我們的檔案結構。現在，我們要來學習一個更強大的功能，解決「重複撰寫一大段樣式碼」的問題，它就是 Mixin！ 一、Mixin 是什麼？ 在寫 CSS 的過程中，你一定會遇到某些樣式組合需要不斷重複使用的情況。例如：置中一個元素的 Flexbox 寫法、寬度與高度、清除浮動的樣式，或是特定的按鈕風格等等。如果每次都手動複製貼上... 1 min read · [im1010ioio.hashnode.dev](https://im1010ioio.hashnode.dev/scss-mixin?utm_source=hashnode&utm_medium=feed) [Akinwolemiwa Siyanbola](https://hashnode.com/@akinwolemiwa) · [Sep 20, 2025](https://hashnode.com/posts/understanding-mixins-in-flutter-dart/68cece28b6ec189fee2ee7e7) ### [Understanding Mixins in Flutter (Dart)](https://littleaboutcoding.hashnode.dev/understanding-mixins-in-flutter-dart?utm_source=hashnode&utm_medium=feed) Learn how Flutter mixins help with reusability and clean architecture. This beginner-friendly guide explains everything step by step. 2 min read · [littleaboutcoding.hashnode.dev](https://littleaboutcoding.hashnode.dev/understanding-mixins-in-flutter-dart?utm_source=hashnode&utm_medium=feed) [Mayursinh Parmar](https://hashnode.com/@TheAppMakerBuddy) · [May 1, 2024](https://hashnode.com/posts/topic-8-understanding-mixins-in-dart/6631c8da991788141f21c7e8) ### [Topic: 8 Understanding Mixins in Dart](https://mayursinhdevblog.hashnode.dev/topic-8-understanding-mixins-in-dart?utm_source=hashnode&utm_medium=feed) This is our eighth topic form Learn Flutter: Basic to Advance 5 min read · [mayursinhdevblog.hashnode.dev](https://mayursinhdevblog.hashnode.dev/topic-8-understanding-mixins-in-dart?utm_source=hashnode&utm_medium=feed) [Chris Bath](https://hashnode.com/@bluurr) · [Sep 9, 2023](https://hashnode.com/posts/jackson-controlling-what-you-don't-own/64fc53938b05f2b3821c22b5) ### [Jackson - Controlling What You Don't Own](https://blog.bluurr.com/jackson-controlling-what-you-don't-own?utm_source=hashnode&utm_medium=feed) Mastering JSON Serialization with Jackson: Learn how to control and customise JSON serialisation in Java using the Jackson library. Explore techniques like 6 min read · [blog.bluurr.com](https://blog.bluurr.com/jackson-controlling-what-you-don't-own?utm_source=hashnode&utm_medium=feed) [Srikanth Anantharam](https://hashnode.com/@sria91) · [Aug 31, 2023](https://hashnode.com/posts/converting-any-class-into-a-singleton-class-in-c/64f0b5460fd9596509f74dfb) ### [Converting any class into a Singleton class in C++](https://blog.srikanth.one/converting-any-class-into-a-singleton-class-in-c?utm_source=hashnode&utm_medium=feed) Singleton is one of the creational design patterns. A singleton class has only one instance and provides a global point of access to that instance. It's commonly used when you want to restrict the instantiation of a class to a single object, which ca... 4 min read · [blog.srikanth.one](https://blog.srikanth.one/converting-any-class-into-a-singleton-class-in-c?utm_source=hashnode&utm_medium=feed) [Ravi Patel](https://hashnode.com/@ravi84184) · [Jul 28, 2023](https://hashnode.com/posts/boosting-flutter-app-development-with-mixins-code-reuse-and-composability-explained/64c3c1dd0dc17635265329bf) ### [Boosting Flutter App Development with Mixins: Code Reuse and Composability Explained](https://ravipatel.hashnode.dev/boosting-flutter-app-development-with-mixins-code-reuse-and-composability-explained?utm_source=hashnode&utm_medium=feed) Learn how to supercharge your Flutter app development using mixins. Discover the power of code reuse and composability with practical examples and best prac 4 min read · [ravipatel.hashnode.dev](https://ravipatel.hashnode.dev/boosting-flutter-app-development-with-mixins-code-reuse-and-composability-explained?utm_source=hashnode&utm_medium=feed) [Melvin Salas](https://hashnode.com/@melvinsalas) · [Mar 1, 2023](https://hashnode.com/posts/mixin/63ffd496ca2e52ae96dfe7a6) ### [What is a mixin?](https://melvinsalas.dev/mixin?utm_source=hashnode&utm_medium=feed) Improving code reuse in Dart 2 min read · [melvinsalas.dev](https://melvinsalas.dev/mixin?utm_source=hashnode&utm_medium=feed) [Mustafa Dalga](https://hashnode.com/@mustafadalga) · [Nov 22, 2021](https://hashnode.com/posts/how-to-create-multiple-mixins-in-one-file-and-using-specific-mixins-in-vue-js-17340dc0235e/64bda9790ddc0bf1f8dd5180) ### [How to create multiple mixins in one file and using specific mixins in vue js](https://sft.hashnode.dev/how-to-create-multiple-mixins-in-one-file-and-using-specific-mixins-in-vue-js-17340dc0235e?utm_source=hashnode&utm_medium=feed) When we have features such as method, computed or watch, that we want to use in more than one component or view, we can create and use mixins to avoid repetitive codes. In small projects, we can create and import a mixin file for each repetitive feat... 1 min read · [sft.hashnode.dev](https://sft.hashnode.dev/how-to-create-multiple-mixins-in-one-file-and-using-specific-mixins-in-vue-js-17340dc0235e?utm_source=hashnode&utm_medium=feed)