tech/webdev magazine

June 29, 2019

June 28, 2019

June 24, 2019

Optimizing Google Fonts Performance

Monday, June 24, 2019 Teklinks No comments

It’s fair to say Google Fonts are popular. As of writing, they have been viewed over 29 trillion times across the web and it’s easy to understand why — the collection gives you access to over 900 beautiful fonts you can use on your website for free. Without Google Fonts you would be limited to the handful of “system fonts” installed on your user’s device.

Full article

June 21, 2019

Render Props

Friday, June 21, 2019 Teklinks No comments

Render Props allows React components to share reusable or customizable interfaces as functions through props. In this react challenge, we will render 3 different cards with a single card component using render props.

Full article

June 19, 2019

A Deep Dive into Redux

Wednesday, June 19, 2019 Teklinks No comments

Building stateful modern applications is complex. As state mutates, the app becomes unpredictable and hard to maintain. That’s where Redux comes in. Redux is a lightweight library that tackles state. Think of it as a state machine.

Full article

June 18, 2019

Relearn CSS layout

Tuesday, June 18, 2019 Teklinks No comments

If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.

Full article

June 17, 2019

4 Ways to Ensure a Successful Mobile App Release

Monday, June 17, 2019 Teklinks No comments

Releasing a new version of a mobile app can be a stressful process. The first few times you do it, your customer base is probably pretty small, so it doesn’t feel like a very big deal. However, after your user base grows into the thousands, the pressure really starts to build.

Full article

June 16, 2019

Styling In Modern Web Apps

Sunday, June 16, 2019 Teklinks No comments

In this article, we welcome you to take a detailed dive into the different ways of organizing styling in modern applications which often have complex interfaces and design patterns. Let’s walk through BEM, preprocessors, CSS-in-JS and even design systems to find out what works best for you.

Full article

June 13, 2019

State of CSS 2019

Thursday, June 13, 2019 Teklinks No comments

In the web development family, JavaScript has developed a bit of a reputation as the angry, rebellious teenager going through a new phase every year and telling you you're just too old to understand.

Full article

June 12, 2019

Bringing A Healthy Code Review Mindset To Your Team

Wednesday, June 12, 2019 Teklinks No comments

A ‘code review’ is a moment in the development process in which you (as a developer) and your colleagues work together and look for bugs within a recent piece of code before it gets released. In such a moment, you can be either the code author or one of the reviewers.

Full article

I built a Progressive Web App and published it in 3 app stores. Here’s what I learned.

Wednesday, June 12, 2019 Teklinks No comments

The process was both painful and enlightening. Here’s what I learned. First, you might wonder, “Why even put your app in the app stores? Just live on the opened web!” The answer, in a nutshell, is because that’s where the users are. We’ve trained a generation of users to find apps in proprietary app stores, not on the free and open web.

Full article

June 11, 2019

Your first performance budget with Lighthouse

Tuesday, June 11, 2019 Teklinks No comments

I asked on Twitter the other day how many people had created and enforced a performance budget for a website they were working on. Not surprisingly, the vast majority of people hadn't. I'm curious, have you ever created (and enforced) a performance budget for a site you're working on?

Full article

June 10, 2019

Deploying an Angular App to Netlify

Monday, June 10, 2019 Teklinks No comments

Netlify is one of the best places to deploy an application or a website today. There is no need to manage a server, NGINX, certificates, or scaling due to high traffic. While it is first thought of as a place to deploy your JAMstack site, it can also be used to deploy regular JavaScript applications.

Full article

Closures and Currying in Javascript

Monday, June 10, 2019 Teklinks No comments

What are Closures? If you write code in Javascript it's quite likely you have come across the term closure, which is a useful yet often confusing concept. But just what is a closure? A closure may be described as a combination of a function and the lexical environment in which it was declared.

Full article

June 5, 2019

The 2019 React Developer RoadMap

Wednesday, June 05, 2019 Teklinks No comments

The React JS or simply React is one of the leading JavaScript libraries for developing front-end or GUI of web applications. Backed by Facebook, React JS, has grown by leaps and bounds in recent years and became the de-facto library for component-based GUI development.

Full article

Angular & RxJS: Detecting Memory Leaks

Wednesday, June 05, 2019 Teklinks No comments

I’ve built a sample Angular application using RxJS to simulate various memory leaks. The majority of these techniques apply to any component-based framework using RxJS. Allocation Timelines allow us to see if the minimum size of our heap is growing over time.

Full article

Create a Custom useFetch() React Hook

Wednesday, June 05, 2019 Teklinks No comments

The whole idea behind custom hooks is just so that we can extract component logic into reusable functions. Often times as we build out React applications, we see ourselves writing almost the same exact codes in two or more different components.

Full article

June 4, 2019

You Need to Stop Targeting Tags in CSS

Tuesday, June 04, 2019 Teklinks No comments

CSS seems easy to most developers. Because of its apparent simplicity, and because it’s so flexible, you can easily bend it to your needs and make it work. Problem is, it often makes up for a lack of knowledge of how the language works and it doesn’t push you to try and write better code.

Full article

June 3, 2019