DevBlog of Árpád Poprádi

Factoring out non-visual features into a React component demonstrated by an example

React recommends JSX to describe the UI but JSX is more than a nice syntax to convey DOM. JSX defines React elements instead of DOM elements and with that it combines the full power of React components such as lifecycle methods, state and children manipulation with a lightweight tag-based syntax. This allows us to factor out features without any visible HTML elements into React components and use them by composition.


The Function in JavaScript

Using functions in everyday programming seems clear at the first sight but often its connection to related concepts like scoping, closure and this fades into a mistique cloud. This post shows the most important mechanics of JavaScript functions.