I made this presentation for the iOS Community in Iasi, Romania. That's why it's in Romanian: for familiarity. I created this demo project for the presentation in order to showcase the basics in code and syntax: https://github.com/ccorneliu/FeedCodeWithAutoLayoutAndCK You can also use it to compare the framerate between the AutoLayout approach and ComponentKit.

1. Improving View Performance with
ComponentKit

2. 1. Caracteristici ComponentKit
2. De tinut cont in utilizarea
ComponentKit
3. Code:
1.Sintaxa
2.Componente de bază
3.Good practices

3. Caracteristicile
ComponentKit

4. Facebook și-a dorit să mute complexitatea în
infrastructură

6. Immutability

7. Immutability

8. E declarativ
pentru specificarea
1. ierarhiei de view-uri
2. layout
3. modificarilor de stare

9. @implementation DCCTextComponent
+(instancetype)newWithText:(NSString *)postText context:(id)context {
CGFloat componentWidth = [[context objectForKey:@"componentWidth"]
doubleValue];
return [super newWithComponent:
[CKStackLayoutComponent
newWithView:{}
size:{.width = componentWidth - 20}
style:{}
children:{
{[CKTextComponent
newWithTextAttributes:{
.attributedString = [[NSAttributedString alloc]
initWithString:postText attributes:@{NSFontAttributeName:[UIFont
preferredFontForTextStyle:UIFontTextStyleBody],
NSForegroundColorAttributeName:[UIColor blackColor]}],
}
viewAttributes:{
}
accessibilityContext:{}]}
}]];
}
@end

10. Componentele = functii pure
@implementation DCCTextComponent
+(instancetype)newWithText:(NSString *)postText context:(id)context {
CGFloat componentWidth = [[context objectForKey:@"componentWidth"]
doubleValue];
return [super newWithComponent:
[CKStackLayoutComponent
newWithView:{}
size:{.width = componentWidth - 20}
style:{}
children:{
{[CKTextComponent
newWithTextAttributes:{
.attributedString = [[NSAttributedString alloc]
initWithString:postText attributes:@{NSFontAttributeName:[UIFont
preferredFontForTextStyle:UIFontTextStyleBody],
NSForegroundColorAttributeName:[UIColor blackColor]}],
}
viewAttributes:{
}
accessibilityContext:{}]}
}]];
}
@end

11. Composable & Reusable
@implementation DCCTextComponent
+(instancetype)newWithText:(NSString *)postText context:(id)context {
CGFloat componentWidth = [[context objectForKey:@"componentWidth"]
doubleValue];
return [super newWithComponent:
[CKStackLayoutComponent
newWithView:{}
size:{.width = componentWidth - 20}
style:{}
children:{
{[CKTextComponent
newWithTextAttributes:{
.attributedString = [[NSAttributedString alloc]
initWithString:postText attributes:@{NSFontAttributeName:[UIFont
preferredFontForTextStyle:UIFontTextStyleBody],
NSForegroundColorAttributeName:[UIColor blackColor]}],
}
viewAttributes:{
}
accessibilityContext:{}]}
}]];
}
@end

12. De tinut cont cand utilizam
ComponentKit

13. Tipuri de view potrivite pentru ComponentKit:
Liste care au un continut
complex

14. Puncte forte:
1.Performanta la scroll
2.Reciclarea view-urilor
3.Putin cod pentru o componentă
(if done right)

15. Puncte slabe:
1.Animațiile sunt mai greu de
implementat
2.Nu e potrivit pentru view-uri
dinamice, care se modifica des
la interactiunea cu utilizatorul
3.Nu se poate integra cu Swift
(Swift nu poate conlucra cu C++)

16. Code