The Calculator widget with TypeScript and React.js
I created this widget for my skills demonstration in Web front-end development. It was built with React.js, React Styled Components, and TypeScript.
React Styled Components bring component-orientated principles into CSS styling. Styles are joined with React.js components. It makes obvious the purpose of each CSS rule. And resolves the problem of unused styles cleaning (unused styles often hang in large volumes in shared files). The system automatically generates CSS classes, which reduces regressions betwean components after a style edit.
Programming with TypeScripts decreases the quantiny of bugs, makes the code clearer and more self-explaining, and ensures splendid autocompletion in Integrated Development Environments. TypeScript has more advanced Classes implementation in comparison with JavaScript.
You can view the source code of the widget on my GitHub.