George ArgyrousisinLevel Up CodingBuild a Tab Panel component with React & TypescriptLet’s build an accessible TabPanel component with automatic panel activation for your React project using TypeScript and SCSS.6 min read·Jan 30, 2023----
George ArgyrousisinLevel Up CodingBuild a Toast Notification component with React and TypeScript.Toast is a commonly used component for web applications providing feedback pertaining to a user’s action. These pop-ups are non disruptive…4 min read·Aug 4, 2022----
George ArgyrousisinLevel Up Coding8 Noteworthy Points from AirBnb’s JavaScript Style GuideAirbnb has one of the most popular style guides for writing concise and readable JavaScript code. Their goal is to advocate…4 min read·Jul 18, 2022----
George ArgyrousisinLevel Up CodingImprove Accessibility with focus & focus-visible Outline Styling.Implement focus ring indicators using outlines for better keyboard accessibility4 min read·Jun 13, 2022----
George ArgyrousisinLevel Up Coding3 Ways to Supercharge your CSS Custom PropertiesLet’s define a few conventional ways to enhance the usage of CSS custom properties in your project …2 min read·May 9, 2022----
George ArgyrousisinBootcampSimple Design Tokens with CSS Custom Properties.Build a simple design system with Typography, color, spacing and many more categories using just CSS custom properties.5 min read·Apr 25, 2022----
George ArgyrousisinLevel Up CodingBetter JavaScript Fetch Functions with Currying and TypeScriptLet’s diagnose parts of the JavaScript Fetch API that can be extracted in modular entities and compose them into powerful functions …4 min read·Mar 21, 2022----
George ArgyrousisinLevel Up CodingBuild an accessible Switch Component with React and Typescript.Popularised by Apple’s iOS, Switches (or Toggles) have become an essential UI element for any web component library. Unlike checkboxes…4 min read·Feb 14, 2022----
George ArgyrousisinLevel Up CodingBuild an accessible HTML structure using ARIA landmark regions and headings.Without using landmarks or headings, we seriously disaffect screen reader users. Let’s amend these issues with little engineering effort …6 min read·Jan 24, 2022----
George ArgyrousisinLevel Up CodingBuild a re-usable SVG icon library with React and TypeScript.Scalable Vector Graphics (SVGs) are commonly used for web applications due to their innate ability to augment after creation. Vector…3 min read·Jan 10, 2022--1--1