<aside> 💡 - Son Heung-min is the fastest and most reliable football player in South Korea.

• I wanted to develop a repetitive List UI screen as fast and efficiently as Son Heung-min.

</aside>

Effective engineer

$$ Leverage = {Impact\;Produced \over Time\;invested} $$

• Effective Engineer
• http://www.effectiveengineer.com

Motivation

• The majority of an iOS developer’s work involves rendering screens through the UICollectionView.

  • Examples

• How should develop to achieve high leverage?

• Strategy Map

  

  • From the user’s view, Let’s define only deltas only to input and output.
  • From the module’s view, establish common rules and only open up parts that require customization.

A point of Output

• The part that should be displayed to the user.

• Most iOS Developers invest a lot of time and energy into drawing this. In a very very complex way.

• Main components

  1. Cell
     • A single data view.
  2. Layout
     • Defines the visual arrangement of the content.
     • eg. Vertical, Horizontal, How many items visible in a row…
  3. Section
     • Compose with a single layout and multiple cells.
     • Multiple sections make up a grid(collection) view.

• Conclusion

  • We have to define a section which has a single layout and cell’s definition.
  • We have to define a UICollectionView which has a lot of sections.

• Programmatic expression

  typealias LayoutBuilder = (_ environment: NSCollectionLayoutEnvironment) -> NSCollectionLayoutSection
  
  // Define Layout
  let layout: CollectionViewSectionLayout.LayoutBuilder = { environment in
  	// have to return a NSCollectionLayoutSection 
  	return section
  }
  
  open class MPSCollectionViewCell: UICollectionViewCell, MPSCollectionViewUIComponent {
  
  	open func update(item: Any) {
          
          if let data = item as? MPSCollectionViewData {
              self.textLabel?.text = data.textLabelValue
              self.imageView?.image = data.imageViewValue
              self.secondaryTextLabel?.text = data.secondaryTextLabelValue
          }
      }
  }
  
  // Define View
  let **퀵_버튼_아이템_View: MPSCollectionViewCell!**
  
  // Define Section
  let **sectionA** = CollectionViewSection<T>(input: 퀵_버튼_Data_Source, view: **퀵_버튼_아이템_View**,  layout: **layout**)
  
  // reuse the layout.
  let **sectionB** = CollectionViewSection<T>(input: 자주_산_상품_Data_Source, view: **자주_산_상품_아이템_View**,  layout: **layout**)
  
  // make a queue
  queue = ...init(requests: [**sectionA**, **sectionB**], policy = .ignore)
  

A point of Input

• Source of Data

  1. Memory/Database

     • A set of model

       widgets = [
       	  .init(id: , name: ...),
       		.init(id: , name: ...),
       		.init(id: , name: ...)
       ]
       

  2. API base

     • URL
       • eg. https://api-gateway-dev.qanda.ai/interests/topics/
     • Keypath, Parsing Model
       • Example 1
       • Example 2
• Conclusion
  • We need just three things URL, Keypath, Model