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.Jan 30, 2023Jan 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…Aug 4, 2022Aug 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…Jul 18, 2022Jul 18, 2022
George ArgyrousisinLevel Up CodingImprove Accessibility with focus & focus-visible Outline Styling.Implement focus ring indicators using outlines for better keyboard accessibilityJun 13, 2022Jun 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 …May 9, 2022May 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.Apr 25, 2022Apr 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 …Mar 21, 2022Mar 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…Feb 14, 2022Feb 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 …Jan 24, 2022Jan 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…Jan 10, 20221Jan 10, 20221