Building a Component Library with React and Emotion

Smashing Magazine has our respect for upholding a consistently high standard for selecting and preparing their articles for publication. This time out, it’s React in combination with Emotion to build reusable components. - http://amp.gs/LKpc

#react

Custom CSS Styles for Form Inputs and Textareas

Stephanie Eckles demonstrates how to create custom form input and textarea styles that have a near-identical appearance across the top browsers. - http://amp.gs/L3Bf

#css

Angular, Docker, and Spring Boot: A Match Made in Heaven

Here we take a look at the combination of Angular, Docker, and Spring Boot in a sample application with this tutorial and screencast. - http://amp.gs/LHYO

#angular

A New Proposal for Decorators for JavaScript Classes

Currently at stage 2 in TC39’s process and due to be discussed in more depth this month, decorators provide a way to extend methods and other ‘syntax forms’ by wrapping them with other functionality. Note that this proposal differs from the decorators proposed to TC39 in 2018, that Babel 7 supports, and that inspired ‘experimental’ decorators in TypeScript. - http://amp.gs/L2pm

#javascript

Nuxt SSR Optimizing Tips

Learn about the difference between server-side and client-side rendered optimization, and how to optimize your Nuxt SSR applications for optimal performance. - http://amp.gs/LwZV

#nuxt

Build a TikTok Clone with React and Firebase

TikTok is in the news a lot these days. Not just because it’s the current burning center of the the social media universe but also because it has become something of a political football in some parts of the world. Rumors of its shutdown or sale abound. Might that create an opportunity for you build a TikTok clone and become the next social media fad? - http://amp.gs/LFIq

#react

Telegraf: A Modern Telegram Bot Framework for Node

I’ve not used this library yet, but Telegram is a pretty good messaging system to write bots or automated clients for as it has a solid API, and this project seems incredibly thorough. - http://amp.gs/LXIs

#nodejs

GitHub Actions & Angular 10/9: Install Node.js, Angular CLI and Deploy your App to GitHub Pages

In this example, we'll see how to use Github Actions to install Node.js and Angular CLI 10 and then build and deploy our Angular 10 application or any previous version to GitHub pages. - http://amp.gs/LLIQ

#angular

Linearly Scale font-size with CSS clamp() Based on the Viewport

Pedro Rodriguez explores how to linearly scale text between a set of minimum and maximum sizes as the viewport’s width increases, with the intent of making its behavior at different screen sizes more predictable using clamp(). - http://amp.gs/LLLi

#css

Testing an HTML Canvas with Cypress

An example of setting up basic visual regression testing with Cypress. - http://amp.gs/LWWp

#javascript #testing #cypress

Switching to Redux Hooks

Given that Hooks are still a fairly new concept, their use has not yet found its way into every tutorial. This articles take an example from Brad Traversy’s well-regarded MERN Stack Front To Back Udemy course and re-creates it using Redux Hooks - http://amp.gs/LaoY

#react

How to build a TWA Android app out of your Nuxt.js PWA

Did you know that you can package your progressive web app (PWA) in an Android app and publish it on the Google Play Store? Well, you can. This way, mobile users will be able to find it and download it, and everything will behave like in a native application. Personally, I wasn’t aware of this until I came across the TWA acronym, which means: trusted web activity. - http://amp.gs/Lo3I

#vue

How to CSS in Ionic React with Styled Components

Styled Components is a library that aims to ease some of the difficulty developers face when styling React components. - http://amp.gs/LMXv

#ionic

How to Use The Share Package to Share Files in Your Flutter Apps -http://amp.gs/L5X4

#flutter

Achieving Vertical Alignment (Thanks, Subgrid!)

Cathy Dutton demonstrates how to achieve vertical alignment using subgrid. - http://amp.gs/LQ7m

#css

Creating Extensions for Visual Studio Code: An Introduction

If you want to extend one of the most popular editors out there. - http://amp.gs/LQLo

#javascript #vscode

Watch with @vue/reactivity - Anthony Fu

A brief intro to how the Vue reactivity system works and a guide to implementing the (missing) `watch` on your own. - http://amp.gs/Lc9Q

#vue

Building React Apps with Storybook

We have featured a number of articles on Storybook over the past few issues but none of them illustrated its use through a full cycle of development in the quite the way this article does. - http://amp.gs/Lcoe

#react

3 Angular Dependency Injection Tips

Angular’s Dependency Injection System is a magic way to deliver the classes that house your business rules… - http://amp.gs/L6vG

#angular

How To Use Face Motion To Interact With Typography

Edoardo Cavazza explains how to combine Machine Learning, variable fonts, and CSS grids to create layouts that respond to the proximity, the inclination, and the number of the users’ faces. - http://amp.gs/Lbt8

#css