React and less

Modern frameworks for web developers





Aleksandra  Wronska
Domain Web
indepth.olawronska.com

react:


 JavaScript library that was designed to render UI and respond to events.


Created by Facebook and Instagram people


Approach designed especially for complex applications that update its content constantly

REact practices:

 No templates
         ...       

 Reusable, composable and unit testable components
          ...         

react practices

No templates
Reusable, composable and unit testable components

Virtual DOM


react practices


No templates
Reusable, composable and unit testable components
Virtual DOM

Diffing changes

All good with w3schools

show/hide div


LESS CSS


Dynamic stylesheet language

Super set of CSS

structural CSS programming

LESS features



                   Variables
                   Mixins
                   Operations and functions
                   @import
                   Nesting


LESS is a framework, 
it will eventually output just a
 CSS file
Made with Slides.com