tech/webdev magazine

October 30, 2019

Good Developers are Smart, not Clever.

Wednesday, October 30, 2019 Teklinks

One of my first lessons as a developer 15 years ago was a simple, short message. “Expressive” means clear-cut, definitive and specific. So writing an expressive code will necessarily have to address a specific problem.

Full article

Build the Next Generation of Forms With React Hooks Forms

Wednesday, October 30, 2019 Teklinks

Why Not Other React Library Forms?It’s really simple, there are multiple good reasons:Performance is important and package size matters. This is a tiny library without any dependencies.Reduces the code to handle forms, with less complexity due to the Hooks.

Full article

Understanding Angular Ivy: Incremental DOM and Virtual DOM

Wednesday, October 30, 2019 Teklinks

Here at Nrwl, we’ve been sharing a lot of insights about Angular Ivy, as there is anticipation about what it will enable us and our clients to do. Angular Ivy is a new Angular renderer, which is radically different from anything we have seen in mainstream frameworks, because it uses incremental DOM.

Full article

October 28, 2019

Adventuring Into React Hooks Performance Practices

Monday, October 28, 2019 Teklinks

From version 16.8.0, React introduced us to a way to use state and other React features without writing a class — React Hooks. It’s an amazing improvement around the classic Class paradigm which allows us to reuse stateful logic between components.

Full article

FastSpark: A New Fast Native Implementation of Spark from Scratch

Monday, October 28, 2019 Teklinks

TLDR: Here is the code to explore. It all started during my hobby research on various distributed schedulers and distributed computing frameworks. Naturally, Spark came under the bracket. I was already somewhat familiar with Spark internals since I have been using it for over 3 years.

Full article

Why I've stopped exporting defaults from my JavaScript modules

Monday, October 28, 2019 Teklinks

In 2019, one of the things I’m going to do is stop exporting things as default from my CommonJS/ES6 modules. Importing a default export has grown to feel like a guessing game where I have a 50/50 chance of being wrong each time. Is it a class? Is it a function?

Full article

October 27, 2019

Testing React List Using axios and React Testing Library

Sunday, October 27, 2019 Teklinks

A typical web app will surely have a list to be rendered. It can be a list of laptops, cars, movies, property, users, etc. Today, we’re going to look at how we can test an async list. Which simply calls an API, fetches the data, and renders the user’s first name to the page.

Full article

How Atomic Goes About Setting a Project Budget

Sunday, October 27, 2019 Teklinks

If you’ve worked with other custom software companies, you’ll notice that Atomic’s approach to budgeting is unique. It’s a lot more time-intensive and comprehensive. So why do we invest our time creating an extensive budget model? A few reasons:

Full article

The problems of shared mutable state and how to avoid them

Sunday, October 27, 2019 Teklinks

This blog post answers the following questions: What is shared mutable state? Why is it problematic? How can its problems be avoided? Sections marked with “(advanced)” go deeper and can be skipped if you want to read this blog post more quickly.

Full article

October 25, 2019

How I Make Sense of RxJS

Friday, October 25, 2019 Teklinks

RxJS is short for reactive extensions library as implemented in JavaScript. It's built into Angular, and available on its own as well. What it really is is an implementation of a pattern called reactive programming. And as a result, there are extensions libraries in multiple different languages.

Full article

Google says it's achieved quantum supremacy

Friday, October 25, 2019 Teklinks

Google is standing by its claim that it's achieved quantum supremacy -- marking a major milestone in computing research. The company first made the claim back in September, and while disputed by competitors, Google's research paper has now been published in the scientific journal Nature.

Full article

Local Jenkins With Docker

Friday, October 25, 2019 Teklinks

CI/CD pipelines allow us to automatically build, test and deploy code changes. With Jenkins pipeline, the pipeline itself is generated from a file called the Jenkinsfile which, usually, is source controlled together with the source code repository.

Full article

October 24, 2019

Simple Code Reuse with React Hooks

Thursday, October 24, 2019 Teklinks

Code reuse is very necessary for scaling. We’ll be looking at what React hooks are and how we can use them to keep our components D.R.Y. Hooks are a new feature proposal that lets you use state and other React features without writing a class. They’re currently in React v16.7.

Full article

Working With ECMAScript 2019 Asynchronous Iteration Using “for-of”

Thursday, October 24, 2019 Teklinks

This article is focused on the concept of Asynchronous Iteration, which is available in ECMAScript 2019. The“for-of” loop is often used to iterate through the list of items inside a loop. We can now use the “for-of” loop in JavaScript to iterate through the list of Promises and provide the value received when the Promise is resolved.

Full article

Migrating a 50K SLOC Flow + React Native app to TypeScript

Thursday, October 24, 2019 Teklinks

“Well, it depends” is the prototypical response when asking a software engineer for advice, no matter how straight-forward the problem may seem. When asked “Should we choose TypeScript or Flow for our next React Native project?” however, the answer only depends on one variable: whether or not you work at Facebook.

Full article

October 22, 2019

The $10m engineering problem

Tuesday, October 22, 2019 Teklinks

When evaluating the value of any business, one of the most important factors is the cost of goods sold (or COGS). For every dollar that a business makes, how many dollars does it cost to deliver? For a traditional business, there are many ways to minimize COGS.

Full article

October 17, 2019

Design systems workflow in Storybook

Thursday, October 17, 2019 Teklinks

Last week over 15,000 people checked out Design Systems for Developers, a free guide I cowrote about the frontend infrastructure underpinning design systems. The guide’s surprising popularity is indicative of just how mainstream design systems have become amongst developers.

Full article

10 Interesting JavaScript and CSS Libraries for October 2019

Thursday, October 17, 2019 Teklinks

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.

Full article

About React Suspense and Concurrent Mode

Thursday, October 17, 2019 Teklinks

The next big things on the React roadmap are Concurrent Mode and Suspense. They are related and complement each other, so people sometimes mix them up. But they represent very different concepts. To understand Concurrent Mode think about priorities.

Full article

October 15, 2019

Vanilla JavaScript and HTML - No frameworks. No libraries. No problem.

Tuesday, October 15, 2019 Teklinks

Are you using Vue, React, Angular, or Svelte to create web apps? I am, and if you are too, I bet it's been a while since you've written an app that renders content without these fine tools. Armed with only what comes with the browser. Years ago this is exactly how many of us wrote web apps.

Full article

Compiling TypeScript via webpack and babel-loader

Tuesday, October 15, 2019 Teklinks

ts-loader has one downside: We can’t pipe the output of another loader into it; it always reads the original file. As a work-around, we can use babel-loader to compile TypeScript. This blog post explains how.

Full article

October 13, 2019

Build your own web analytics dashboard with Node.js

Sunday, October 13, 2019 Teklinks

If you have ever used Google Analytics, you know it isn’t the prettiest interface to use. It gets the job done, sure, but I’m not a huge fan of how it looks, nor the color palette. I mean, look at this: It’s just so boring and bland — I need more color in my life than this.

Full article

The Guide to Learning React Hooks (Examples & Tutorials)

Sunday, October 13, 2019 Teklinks

React Hooks were initially released in minor (alpha) release (16.7.0-alpha.0) in late October 2018, as the React Team took to the stage at React Conf presenting a talk called “React Today and Tomorrow,” where Dan Abramov showed a slide announcing the proposal of Hooks.

Full article

JavaScript Naming Conventions: Dash

Sunday, October 13, 2019 Teklinks

A dash in a JavaScript variable isn't common sense as well. It just makes things more difficult; like using them in an object: It's even not possible to use a dash directly for a variable declaration: That's why it's better to avoid them.

Full article

October 11, 2019

Want To Raise Your Confidence? Learn to Walk Away

Friday, October 11, 2019 Teklinks

The most important lesson I’ve learned about creativity didn’t come from something I read, but rather something I saw. Just like that, the clock made a ding and he stopped working. I was so surprised by his action I nearly woke up my newborn son to ask him if he’d seen it also.

Full article

Why version history is not version control

Friday, October 11, 2019 Teklinks

We launched Abstract with a lofty mission to redesign the design process. We started by supporting Sketch, one of the fastest growing and most widely used product design tools on the market. Now, with our Adobe XD integration on the horizon, we’re stepping onto a new stage as a company.

Full article

October 8, 2019

October 6, 2019

What Is “Mixed Content,” and Why Is Chrome Blocking It?

Sunday, October 06, 2019 Teklinks

Google Chrome already blocks some types of “mixed content” on the web. Now, Google announced it’s getting even more serious: Starting in early 2020, Chrome will block all mixed content by default, breaking some existing web pages. Here’s what that means.

Full article

October 1, 2019

5 Steps to Overcoming Deployment Anxiety with Error Monitoring

Tuesday, October 01, 2019 Teklinks

We've all been there: experiencing the primal fear and anxiety surrounding a deployment — whether new code or just updates — and sending it out into the world for our users to, hopefully, enjoy. The nature of the beast that is software development shines a glaring light on imperfection.

Full article