Felix Angelov | 6f2d66d | 2019-01-07 13:53:35 -0600 | [diff] [blame] | 1 | <img src="https://github.com/felangel/equatable/raw/master/doc/assets/equatable_logo_full.png" width="100%" alt="logo" /> |
Felix Angelov | d778e3c | 2019-01-06 22:07:28 -0600 | [diff] [blame] | 2 | <h2 align="center"> |
Felix Angelov | b376283 | 2019-01-06 22:04:01 -0600 | [diff] [blame] | 3 | Simplify Equality Comparisons |
Felix Angelov | d778e3c | 2019-01-06 22:07:28 -0600 | [diff] [blame] | 4 | </h2> |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 5 | <p align="center"> |
Felix Angelov | 90567e4 | 2019-11-16 15:19:23 -0600 | [diff] [blame] | 6 | <a href="https://travis-ci.com/felangel/equatable"> |
| 7 | <img alt="Build Status" src="https://travis-ci.com/felangel/equatable.svg?branch=master"> |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 8 | </a> |
| 9 | <a href="https://codecov.io/gh/felangel/equatable"> |
| 10 | <img alt="Code Coverage" src="https://codecov.io/gh/felangel/equatable/branch/master/graph/badge.svg"> |
| 11 | </a> |
| 12 | <a href="https://pub.dartlang.org/packages/equatable"> |
| 13 | <img alt="Pub Package" src="https://img.shields.io/pub/v/equatable.svg"> |
| 14 | </a> |
| 15 | <br/> |
| 16 | <a href="https://opensource.org/licenses/MIT"> |
| 17 | <img alt="MIT License" src="https://img.shields.io/badge/License-MIT-blue.svg"> |
| 18 | </a> |
| 19 | <a href="https://gitter.im/equatable_package/community"> |
| 20 | <img alt="Gitter" src="https://img.shields.io/badge/gitter-equatable-yellow.svg"> |
| 21 | </a> |
| 22 | </p> |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 23 | |
Felix Angelov | eac630f | 2019-01-06 20:32:28 -0600 | [diff] [blame] | 24 | --- |
| 25 | |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 26 | ## Overview |
| 27 | |
| 28 | Being able to compare objects in `Dart` often involves having to override the `==` operator as well as `hashCode`. |
| 29 | |
| 30 | Not only is it verbose and tedious, but failure to do so can lead to inefficient code which does not behave as we expect. |
| 31 | |
| 32 | By default, `==` returns true if two objects are the same instance. |
| 33 | |
| 34 | Let's say we have the following class: |
| 35 | |
| 36 | ```dart |
| 37 | class Person { |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 38 | final String name; |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 39 | |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 40 | const Person(this.name); |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 41 | } |
| 42 | ``` |
| 43 | |
| 44 | We can create create instances of `Person` like so: |
| 45 | |
| 46 | ```dart |
| 47 | void main() { |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 48 | final Person bob = Person("Bob"); |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 49 | } |
| 50 | ``` |
| 51 | |
| 52 | Later if we try to compare two instances of `Person` either in our production code or in our tests we will run into a problem. |
| 53 | |
| 54 | ```dart |
| 55 | print(bob == Person("Bob")); // false |
| 56 | ``` |
| 57 | |
| 58 | For more information about this, you can check out the official [Dart Documentation](https://www.dartlang.org/guides/language/effective-dart/design#equality). |
| 59 | |
| 60 | In order to be able to compare two instances of `Person` we need to change our class to override `==` and `hashCode` like so: |
| 61 | |
| 62 | ```dart |
| 63 | class Person { |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 64 | final String name; |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 65 | |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 66 | const Person(this.name); |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 67 | |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 68 | @override |
| 69 | bool operator ==(Object other) => |
| 70 | identical(this, other) || |
| 71 | other is Person && |
| 72 | runtimeType == other.runtimeType && |
| 73 | name == other.name; |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 74 | |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 75 | @override |
| 76 | int get hashCode => name.hashCode; |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 77 | } |
| 78 | ``` |
| 79 | |
| 80 | Now if we run the following code again: |
| 81 | |
| 82 | ```dart |
| 83 | print(bob == Person("Bob")); // true |
| 84 | ``` |
| 85 | |
| 86 | it will be able to compare different instances of `Person`. |
| 87 | |
| 88 | You can see how this can quickly become a hassle when dealing with complex classes. This is where `Equatable` comes in! |
| 89 | |
Felix Angelov | dc2523e | 2019-01-06 13:31:51 -0600 | [diff] [blame] | 90 | ## What does Equatable do? |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 91 | |
| 92 | `Equatable` overrides `==` and `hashCode` for you so you don't have to waste your time writing lots of boilerplate code. |
| 93 | |
| 94 | There are other packages that will actually generate the boilerplate for you; however, you still have to run the code generation step which is not ideal. |
| 95 | |
| 96 | With `Equatable` there is no code generation needed and we can focus more on writing amazing applications and less on mundane tasks. |
| 97 | |
| 98 | ## Usage |
| 99 | |
| 100 | First, we need to do add `equatable` to the dependencies of the `pubspec.yaml` |
| 101 | |
| 102 | ```yaml |
| 103 | dependencies: |
Majid Hajian | 7d65ce9 | 2019-11-20 14:42:16 +0100 | [diff] [blame] | 104 | equatable: ^1.0.0 |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 105 | ``` |
| 106 | |
| 107 | Next, we need to install it: |
| 108 | |
| 109 | ```sh |
| 110 | # Dart |
| 111 | pub get |
| 112 | |
| 113 | # Flutter |
| 114 | flutter packages get |
| 115 | ``` |
| 116 | |
| 117 | Lastly, we need to extend `Equatable` |
| 118 | |
| 119 | ```dart |
| 120 | import 'package:equatable/equatable.dart'; |
| 121 | |
| 122 | class Person extends Equatable { |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 123 | final String name; |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 124 | |
Felix Angelov | 71e9896 | 2019-09-26 21:42:02 -0500 | [diff] [blame] | 125 | Person(this.name); |
| 126 | |
| 127 | @override |
| 128 | List<Object> get props => [name]; |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 129 | } |
| 130 | ``` |
| 131 | |
Felix Angelov | 133770a | 2019-03-02 20:34:50 -0600 | [diff] [blame] | 132 | When working with json: |
Felix Angelov | ca20d4e | 2019-07-13 02:08:27 -0500 | [diff] [blame] | 133 | |
Kravchenko Igor | cb3cfb6 | 2019-03-03 05:32:21 +0300 | [diff] [blame] | 134 | ```dart |
| 135 | import 'package:equatable/equatable.dart'; |
| 136 | |
| 137 | class Person extends Equatable { |
| 138 | final String name; |
| 139 | |
Felix Angelov | 71e9896 | 2019-09-26 21:42:02 -0500 | [diff] [blame] | 140 | Person(this.name); |
| 141 | |
| 142 | @override |
| 143 | List<Object> get props => [name]; |
Kravchenko Igor | cb3cfb6 | 2019-03-03 05:32:21 +0300 | [diff] [blame] | 144 | |
Felix Angelov | 357b9fd | 2019-03-08 00:33:15 -0600 | [diff] [blame] | 145 | factory Person.fromJson(Map<String, dynamic> json) { |
| 146 | return Person(json['name']); |
Kravchenko Igor | cb3cfb6 | 2019-03-03 05:32:21 +0300 | [diff] [blame] | 147 | } |
| 148 | } |
| 149 | ``` |
| 150 | |
Felix Angelov | 774a32e | 2019-01-06 13:20:35 -0600 | [diff] [blame] | 151 | We can now compare instances of `Person` just like before without the pain of having to write all of that boilerplate. |
Michael Joseph Rosenthal | 0624596 | 2020-01-08 10:51:42 -0600 | [diff] [blame] | 152 | **Note:** Equatable is designed to only work with immutable objects so all member variables must be final (This is not just a feature of `Equatable` - [overriding a `hashCode` with a mutable value can break hash-based collections](https://dart.dev/guides/language/effective-dart/design#avoid-defining-custom-equality-for-mutable-classes)). |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 153 | |
Felix Angelov | 71e9896 | 2019-09-26 21:42:02 -0500 | [diff] [blame] | 154 | Equatable also supports `const` constructors: |
Felix Angelov | 0d11773 | 2019-08-29 09:43:01 -0500 | [diff] [blame] | 155 | |
| 156 | ```dart |
| 157 | import 'package:equatable/equatable.dart'; |
| 158 | |
| 159 | class Person extends Equatable { |
| 160 | final String name; |
| 161 | |
| 162 | const Person(this.name); |
| 163 | |
| 164 | @override |
| 165 | List<Object> get props => [name]; |
| 166 | } |
| 167 | ``` |
| 168 | |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 169 | ## Recap |
| 170 | |
| 171 | ### Without Equatable |
| 172 | |
| 173 | ```dart |
| 174 | class Person { |
| 175 | final String name; |
| 176 | |
| 177 | const Person(this.name); |
| 178 | |
| 179 | @override |
| 180 | bool operator ==(Object other) => |
| 181 | identical(this, other) || |
| 182 | other is Person && |
| 183 | runtimeType == other.runtimeType && |
| 184 | name == other.name; |
| 185 | |
| 186 | @override |
| 187 | int get hashCode => name.hashCode; |
| 188 | } |
| 189 | ``` |
| 190 | |
| 191 | ### With Equatable |
| 192 | |
| 193 | ```dart |
| 194 | import 'package:equatable/equatable.dart'; |
| 195 | |
| 196 | class Person extends Equatable { |
| 197 | final String name; |
| 198 | |
Felix Angelov | 71e9896 | 2019-09-26 21:42:02 -0500 | [diff] [blame] | 199 | Person(this.name); |
| 200 | |
| 201 | @override |
| 202 | List<Object> get props => [name]; |
Felix Angelov | da3586e | 2019-01-06 20:49:23 -0600 | [diff] [blame] | 203 | } |
| 204 | ``` |
Felix Angelov | 92a5eb6 | 2019-01-09 22:44:58 -0600 | [diff] [blame] | 205 | |
Felix Angelov | 8a5ca34 | 2019-02-20 20:18:34 -0600 | [diff] [blame] | 206 | ## EquatableMixin |
| 207 | |
| 208 | Sometimes it isn't possible to extend `Equatable` because your class already has a superclass. |
| 209 | In this case, you can still get the benefits of `Equatable` by using the `EquatableMixin`. |
| 210 | |
| 211 | ### Usage |
| 212 | |
Remi Rousselet | b12930c | 2019-08-26 11:10:17 +0200 | [diff] [blame] | 213 | Let's say we want to make an `EquatableDateTime` class, we can use `EquatableMixin` like so: |
Felix Angelov | 8a5ca34 | 2019-02-20 20:18:34 -0600 | [diff] [blame] | 214 | |
| 215 | ```dart |
Remi Rousselet | b12930c | 2019-08-26 11:10:17 +0200 | [diff] [blame] | 216 | class EquatableDateTime extends DateTime with EquatableMixin { |
Felix Angelov | 8a5ca34 | 2019-02-20 20:18:34 -0600 | [diff] [blame] | 217 | EquatableDateTime( |
| 218 | int year, [ |
| 219 | int month = 1, |
| 220 | int day = 1, |
| 221 | int hour = 0, |
| 222 | int minute = 0, |
| 223 | int second = 0, |
| 224 | int millisecond = 0, |
| 225 | int microsecond = 0, |
| 226 | ]) : super(year, month, day, hour, minute, second, millisecond, microsecond); |
| 227 | |
| 228 | @override |
Remi Rousselet | b12930c | 2019-08-26 11:10:17 +0200 | [diff] [blame] | 229 | List<Object> get props { |
Felix Angelov | 8a5ca34 | 2019-02-20 20:18:34 -0600 | [diff] [blame] | 230 | return [year, month, day, hour, minute, second, millisecond, microsecond]; |
| 231 | } |
| 232 | } |
| 233 | ``` |
| 234 | |
Remi Rousselet | b12930c | 2019-08-26 11:10:17 +0200 | [diff] [blame] | 235 | Now if we want to create a subclass of `EquatableDateTime`, we can just override `props`. |
Felix Angelov | 8a5ca34 | 2019-02-20 20:18:34 -0600 | [diff] [blame] | 236 | |
| 237 | ```dart |
Remi Rousselet | b12930c | 2019-08-26 11:10:17 +0200 | [diff] [blame] | 238 | class EquatableDateTimeSubclass extends EquatableDateTime { |
Felix Angelov | 8a5ca34 | 2019-02-20 20:18:34 -0600 | [diff] [blame] | 239 | final int century; |
| 240 | |
| 241 | EquatableDateTime( |
| 242 | this.century, |
| 243 | int year,[ |
| 244 | int month = 1, |
| 245 | int day = 1, |
| 246 | int hour = 0, |
| 247 | int minute = 0, |
| 248 | int second = 0, |
| 249 | int millisecond = 0, |
| 250 | int microsecond = 0, |
| 251 | ]) : super(year, month, day, hour, minute, second, millisecond, microsecond); |
| 252 | |
| 253 | @override |
Remi Rousselet | b12930c | 2019-08-26 11:10:17 +0200 | [diff] [blame] | 254 | List<Object> get props => super.props..addAll([century]); |
Felix Angelov | 8a5ca34 | 2019-02-20 20:18:34 -0600 | [diff] [blame] | 255 | } |
| 256 | ``` |
| 257 | |
Felix Angelov | 92a5eb6 | 2019-01-09 22:44:58 -0600 | [diff] [blame] | 258 | ## Performance |
| 259 | |
| 260 | You might be wondering what the performance impact will be if you use `Equatable`. |
| 261 | |
| 262 | [Performance Tests](https://github.com/felangel/equatable/raw/master/performance_tests) have been written to test how `Equatable` stacks up to manually overriding `==` and `hashCode` in terms of class instantiation as well as equality comparison. |
| 263 | |
Felix Angelov | 92a5eb6 | 2019-01-09 22:44:58 -0600 | [diff] [blame] | 264 | ### Results (average over 10 runs) |
| 265 | |
| 266 | #### Equality Comparison A == A |
| 267 | |
Felix Angelov | 71e9896 | 2019-09-26 21:42:02 -0500 | [diff] [blame] | 268 | | Class | Runtime (μs) | |
| 269 | | ------------------ | ------------ | |
| 270 | | RAW | 0.193 | |
| 271 | | Empty Equatable | 0.191 | |
| 272 | | Hydrated Equatable | 0.190 | |
Felix Angelov | 92a5eb6 | 2019-01-09 22:44:58 -0600 | [diff] [blame] | 273 | |
| 274 | #### Instantiation A() |
| 275 | |
Felix Angelov | 71e9896 | 2019-09-26 21:42:02 -0500 | [diff] [blame] | 276 | | Class | Runtime (μs) | |
| 277 | | ------------------ | ------------ | |
| 278 | | RAW | 0.165 | |
| 279 | | Empty Equatable | 0.181 | |
| 280 | | Hydrated Equatable | 0.182 | |
| 281 | |
| 282 | \*_Performance Tests run using: Dart VM version: 2.4.0_ |