Tag: Frontend and mobile
-
Native image lazy-loading for the web!
Posted on April 29, 2020, Level intermediate Resource Length medium
In this post, we'll look at the new loading attribute which brings native _img_ and _iframe_ lazy-loading to the web! FoWeb pages often contain a large number of images, which contribute to data-usage, page-bloat and how fast a page can load. By Addy Osmani, Engineering Manager at Google working on Chrome.
Tags miscellaneous frontend-and-mobile software-engineering
-
Socket.IO, React and Node.js: Going Real-Time
Posted on April 26, 2020, Level intermediate Resource Length medium
Learn the basics of WebSockets and Socket.IO while pairing your first real-time server with a React frontend. Everybody builds chat apps with Socket.IO these days yet messaging applications are only the tip of the iceberg. Think a moment about it: there are a million of other things you can build within the real-time domain. By Valentino Gagliardi.
Tags backend-development frontend-and-mobile software-engineering
-
Using Netlify functions with GatsbyJs and Google Sheets API
Posted on April 22, 2020, Level intermediate Resource Length medium
Ivo Šiško has written this article about how to extend your JAMstack application with some dynamic functionality using serverless. He will guide you on his journey of implementation 2 dynamic features to static page.
Tags frontend-and-mobile architecture-and-apis
-
Track, Store and Analyze granular Page Performance data: a practical guide
Posted on April 18, 2020, Level beginner Resource Length medium
In this post, author guides you through all steps needed to collect, process, and analyse the Navigation Timing results of all your web site visitor's page views. Written by Jules Stuifbergen.
Tags data-and-analytics frontend-and-mobile miscellaneous leadership-and-career
-
Learn React Hook by building a simple blog app
Posted on April 16, 2020, Level beginner Resource Length long
React is a popular JavaScript library developed by Facebook for building user interfaces. It uses the concept of Virtual DOM to render Elements into the browser DOM because it is a popular belief that manipulating the browser DOM directly can be very slow and costly. By Temitope.
Tags frontend-and-mobile
-
The 4 most common API developer portal mistakes
Posted on April 15, 2020, Level intermediate Resource Length long
How (not) to put your APIs in a freezer while implementing a Frankensite or an API Ghosttown. In this article we will investigate developer portal anti-patterns -- common solutions to developer portal problems where the solution is ineffective and may result in undesired consequences. By Diliny Corlosquet.
Tags architecture-and-apis software-engineering frontend-and-mobile
-
The benefits and trade-offs of going serverless
Posted on April 9, 2020, Level beginner Resource Length long
Ovie Okeh is the author of this article on logrocket.com about a journey from monolithic apps running on a server to flexible units running on ephemeral instances. So why is the serverless popular? What does the term serverless mean?
Tags frontend-and-mobile architecture-and-apis leadership-and-career devops-and-ci-cd
-
Visual Studio tips and tricks
Posted on April 8, 2020, Level beginner Resource Length short
Visual Studio is an Integrated Development Environment (IDE) developed by Microsoft which is used to code,debug and run the respective applications. Visual Studio supports around 36 programming languages (at time of writing) and the advantage of using Visual Studio is that the code editor and debugger will support all these programming languages and also it supports cross-platform. By Suhas Parameshwara.
Tags frontend-and-mobile software-engineering product-and-design
-
Repository in PHP -- Design pattern with examples
Posted on April 6, 2020, Level beginner Resource Length medium
The Repository pattern is used to create a middle layer between a data layer (which can be a database, a file, a CSV, etc) and your controllers. It is mainly used on large scale application, where there will be dozens of reference to a single data layer. It gives the ability to change the data layer without affecting any code in your controller. By Anastasio Nico.
Tags backend-development frontend-and-mobile software-engineering cloud-and-infrastructure
-
React Hooks, TypeScript and Redux for React Native
Posted on April 5, 2020, Level intermediate Resource Length short
Fernando Amezcua put together this tutorial how to implement React Hooks creating the example project. React Hooks, TypeScript and Redux for React Native, and author is going to add testing for React Native.
Tags frontend-and-mobile software-engineering
-
Best practices for microservices on kubernetes
Posted on April 4, 2020, Level intermediate Resource Length long
There are several best practices for building microservices architecture properly. In this article author mentions the best practices with some new rules dedicated especially for microservices deployed on Kubernetes platform. By Piotr Minkowski.
Tags architecture-and-apis devops-and-ci-cd frontend-and-mobile cloud-and-infrastructure backend-development
-
Build a Node.js tool to record and compare Google Lighthouse reports
Posted on April 3, 2020, Level intermediate Resource Length long
In this tutorial, Luke Harrison shows you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops.
Tags frontend-and-mobile cloud-and-infrastructure backend-development