4th-gen.md

4^th Generation Interfaces

4^th generation interfaces are more dynamic than 3^rd generation interfaces, they are either defined in component's scope or through a template that is "attached" to a component, as such they get access to variables in component's context, such as props and state.

4^th gen CSS interface can use component's scope variables, such as props and state.

freestyler provides these 4^th generation interfaces:

• styled()() Components Interface
• @css Static Class Decorator Interface
• @css() Class Decorator Interface
• @css() Render Method decorator Interface
• hoc()() Generator Interface
• Component Class Interface