Tag: Frontend
-
A first look at Qwik - the HTML first framework
Posted on July 17, 2021, Level beginner Resource Length short
Even with the most optimized code, it is hard for eCommerce sites to reach a 100 out of 100 score on PageSpeed Insights unless they serve only static HTML. By Misko Hevery.
Tags css frontend web-development app-development frameworks performance
-
Core Web Vitals: A guide to improving page speed
Posted on July 5, 2021, Level beginner Resource Length long
The Core Web Vitals for user experience are as follows: Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS). By Kristi Hines.
Tags app-development web-development performance frontend
-
Top 5 auth solutions for React Native
Posted on June 29, 2021, Level beginner Resource Length long
Get to know 5 auth providers for React Native to get a head start with your Authentication flow. By Viduni Wickramarachchi.
Tags infosec react javascript app-development frontend
-
The complete guide to testing React Native app using Cypress
Posted on June 23, 2021, Level intermediate Resource Length long
We can test a React Native application using Cypress end-to-end test runner while running it in the web mode using Expo. By Gleb Bahmutov.
Tags frontend app-development react tdd
-
Telling a story with microstrategy dossier
Posted on June 21, 2021, Level beginner Resource Length medium
Data without context is meaningless. We want every dossier, page, and visualization to tell a story. By Keng Fu Chu.
Tags ux web-development miscellaneous frontend app-development
-
Build mobile apps with Tailwind CSS, Next.js, Ionic Framework, and Capacitor
Posted on June 20, 2021, Level advanced Resource Length long
A very popular stack for building responsive web apps is Tailwind CSS and Next.js by Vercel. By Max Lynch.
Tags app-development css frontend web-development ios android
-
Real-world CSS vs. CSS-in-JS performance comparison
Posted on June 10, 2021, Level advanced Resource Length long
CSS-in-JS has taken a solid place in front-end tooling, and it seems this trend will continue in the near future. Especially in the React world. By Tomas Pustelnik.
Tags css frontend javascript web-development ux performance
-
Lazy-loading React components - no rocket science
Posted on June 1, 2021, Level intermediate Resource Length medium
Welcome to the world of code-splitting where you can lazy-load (dynamically) your JavaScript bundle dynamically, only when the user requested it. By Amandeep Singh.
Tags app-development web-development nodejs frontend
-
A different way to work with external SVG
Posted on May 20, 2021, Level beginner Resource Length short
SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external file that also retains the format's customization powers. By Shubham Jain.
Tags css web-development frontend programming
-
Google analytics will track data without cookies
Posted on May 17, 2021, Level beginner Resource Length short
When cookies aren't available, Google Analytics will soon be able to gather data using machine learning. By Matt Southern.
Tags analytics web-development frontend app-development
-
Programmatically generate images with CSS Painting API
Posted on May 16, 2021, Level beginner Resource Length medium
A JavaScript API for dynamic image creation coupled with CSS. Images add color to an application. However, as we all know, having a lot of high-resolution images affects the page load time. By Viduni Wickramarachchi.
Tags css web-development frontend app-development
-
WebRTC video calls implemented in React
Posted on May 13, 2021, Level intermediate Resource Length long
Having been implementing WebRTC in production systems for almost a year now, we wanted to add this resource to the documentation available for the architecture of WebRTC videocalls. Partly to share our knowledge and common gotchas, and also to give back to the web standard that has supported us so well. By yown.it.
Tags app-development web-development frontend react javascript