Віджет "Калькулятор" на TypeScript та React.js
Я створив цей віджет для підтвердження моїх вмінь у розробці Web front-end. Він побудований на основі таких технологій, як React.js, React Styled Components та TypeScript.
React Styled Components реалізують компонентно-орієнтований підхід у програмуванні CSS стилів. Стилі інтегруються із компонентами React.js. Це надає ясності у меті існування кожного правила CSS. Тому зникає проблема чистки стилів, що ніде не використовуються (такі стилі часто в великих обсягах висять баластом у спільних файлах). Класи для стилів генеруються автоматично, тому при редагування стилів якогось компоненту значно знижується вірогідність регресій у інших компонентах.
Написання коду на TypeScripts суттєво знижує кількість багів, робить код більш чітким та зрозумілим, забезпечує чудове автодоповнення у інтегрованих редакторах. Також у TypeScripts більш розвинута систему Класів у порівнянні із JavaScript.
Джерельний код віджету можна переглянути на моєму GitHub.