Atomizer
Rx.NET
Atomizer | Rx.NET | |
---|---|---|
17 | 63 | |
1,528 | 6,530 | |
0.3% | 1.4% | |
9.0 | 6.6 | |
2 days ago | 1 day ago | |
JavaScript | C# | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Atomizer
-
Are you still using the ternary operator to dynamically apply Tailwind styles?
Tailwind CSS is a CSS framework that has gained incredible popularity, with usage skyrocketing 40% in three years, according to the State of CSS 2022. It offers benefits such as development speed, maintainability, and gzip optimization. As a result, it is expected to exceed 50% in the 2023 survey. However, the readability of Tailwind CSS decreases sharply as the style becomes more complex, which is a typical disadvantage of the utility-first approach. Personally, I recommend my library, CSS Lube, but in this article, I would like to introduce some simple tips that can improve the developer experience when using the Atomic CSS approach.
-
Mengenal macam - macam Metodologi penulisan CSS - Part 2
Dokumentasi resmi ACSS: https://acss.io/
-
Getting started with a whole new CSS language —— Master CSS
Language - Master is a language, but it was originally inspired by ACSS's concept of atomic classes.
-
Setting up a dev environment with React, Vite, and Tailwind
Tailwind and React are two leading technologies in their sphere. Tailwind CSS simplifies the concept of Atomic CSS, enabling developers to style their UI by adding some classes to their markup. And with the performance improvements that come with the new JIT compiler, Tailwind CSS has become a clear developer's favorite.
-
Got Messy Spaghetti Stylesheets? 4 Techniques for Managing CSS Complexity
Atomic frameworks like Atomic CSS and Tailwind takes a single purpose approach to selectors, so CSS properties are naturally never overlapping – this is also why Tailwind's @apply is an anti-pattern when overused.
-
What is Tailwind? And how to set it up properly.
It sure is ugly-looking but it works well! Drawing inspiration from Atomic CSS and utility classes (1 class = 1 style), Tailwind makes a few strong design decisions:
-
5 CSS methodologies you need to know in 2022
Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.
- How long did you spend on css?
-
Is styling supposed to be so damn difficult?
There are all kinds of approaches people take to maintain clean HTML/CSS, such as BEM or Atomic CSS.
-
The React roadmap for beginners you never knew you needed.
Atomic
Rx.NET
-
Understanding DynamicData in .NET: Reactive Data Management Made Easy
DynamicData is a .NET library that brings the power of reactive programming to collections. It is built upon the principles of Reactive Extensions (Rx), extending these concepts to handle collections like lists and observables more efficiently and flexibly. DynamicData provides a set of tools and extensions that enable developers to manage collections reactively, meaning any changes in the data are automatically and efficiently propagated through the application.
-
Cool features like Random.Shared
One of the greatest things i discovered recently, is Reactive programming / Reactive Extensions ( https://github.com/dotnet/reactive ).
-
Patterns for consuming a throttled/rate limited external APIs?
https://github.com/dotnet/reactive has a lot of different time related extensions for "events". Maybe you'll find something for yourself, if you google for rate limiting with reactive.
- [Game Dev] Programmation réactive fonctionnelle (FRP) pour les jeux?
-
How can you detect when a user has stopped scrolling with WPF
Install Reactive Extensions: https://github.com/dotnet/reactive
-
What is your preferred asynchronous programming library?
Another option is to use the RxJava library in Java. This library uses reactive programming principles to make it easy to write asynchronous and event-driven code. It's particularly well-suited for handling streams of data and allows you to write code that is both efficient and easy to read.
-
MVVM Question: How do you manage the interaction between Model and ViewModel?
I'd use a dedicated event bus based on Reactive Extensions or MediatR to publish domain events from your domain services. This probably doesn't solve all your ViewModel update problems as is, maybe you need to revise the granularity (maybe you can have smaller ViewModels that refresh single property that exposes the Model) and lifespan (sometimes you can create a ViewModel, make it perform it's task and then discard it completely) of your ViewModels.
- Understanding the full benefits of yield and use of IAsyncEnumerable
- The 1st Alpha Release of System.Reactive.Async now on NuGet
-
Async Methods after setting a property.
If you're finding yourself in a situation where you need to turn this behavior into a pattern because there are a lot of View Models that need to execute async business logic in response to some changes, I'd go with something like MediatR or Reactive Extensions. The idea is, again, that some other, probably business-level, component listens to changes in a decoupled way (that means it doesn't subscribe directly to your View Model, but to an event bus instead). View Model publishes change events to the event bus, and business-component reacts to these events by executing the business logic.
What are some alternatives?
linaria - Zero-runtime CSS in JS library
Dynamic Data - Reactive collections based on Rx.Net
PostCSS - Transforming styles with JS plugins
RxJS - A reactive programming library for JavaScript
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
ObservableComputations - Cross-platform .NET library for computations whose arguments and results are objects that implement INotifyPropertyChanged and INotifyCollectionChanged (ObservableCollection) interfaces.
React Inline
duckdb - DuckDB is an in-process SQL OLAP Database Management System
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
MediatR - Simple, unambitious mediator implementation in .NET
CSS Layout - A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
Disruptor-cpp - Port of LMAX Disruptor to C++