tech/webdev magazine

May 23, 2020

Gatsby won against Next.js in this head-to-head

Saturday, May 23, 2020 Teklinks No comments

With the ongoing Covid-19 pandemic and social distancing measures, many events have been forced to migrate to online virtual events. I’m a software engineer at Antler, which runs a global startup generator program that usually runs multiple in-person Demo Day events a year that showcase around a dozen new startups, and we faced the same situation.

Full article

State of Microfrontends

Saturday, May 23, 2020 Teklinks No comments

Originally published at Bits and Pieces. One of the more controversial topics in frontend web dev is microfrontends. Are they worth it? Should you really split up your application? Do you really need to use this now?

Full article

May 21, 2020

The Role of an Architect on a Scrum Team

Thursday, May 21, 2020 Teklinks No comments

None of the Agile, Lean, or Scrum principles have a formal definition of responsibilities for a Software Architect. Some companies take it to the extreme and not hire a architect at all. Others that do hire one are not clear on architect’s role within the agile context.

Full article

May 20, 2020

React + Docker with Security in 10 Minutes

Wednesday, May 20, 2020 Teklinks No comments

You've built a React app, but now you need to deploy it. What do you do? First, it's probably best to choose a cloud provider as they're typically low-cost and easy to deploy to. Most cloud providers offer a way to deploy a static site. A built React app is just JavaScript, HTML, and CSS.

Full article

May 18, 2020

May 17, 2020

Make a Stellar React + NASA App in 10 Minutes

Sunday, May 17, 2020 Teklinks No comments

One of the most stellar open API's out there is the NASA Astronomy Picture of the Day. In today's article, we are going to mess around with that API and build an application that displays the photo of the day, the title of that photo, the current date, and some information about the picture.

Full article

In defense of the modern web

Sunday, May 17, 2020 Teklinks No comments

I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over; React users; the old guard with their arti

Full article

May 14, 2020

How CommonJS is making your bundles larger

Thursday, May 14, 2020 Teklinks No comments

In this post, we'll look into what CommonJS is and why it's making your JavaScript bundles larger than necessary. Summary: To ensure the bundler can successfully optimize your application, avoid depending on CommonJS modules, and use ES2015 module syntax in your entire application.

Full article

May 13, 2020

May 11, 2020

A new way to file upload in React

Monday, May 11, 2020 Teklinks No comments

File uploading from the browser isn’t new. It’s been with us for a long time now. There are also plenty of projects and libraries aiming to help web applications that require this kind of functionality. Yet, there aren’t many that encompass all you need in one place.

Full article

TypeScript at Slack

Monday, May 11, 2020 Teklinks No comments

When Brendan Eich created the very first version of JavaScript for Netscape Navigator 2.0 in merely ten days, it’s likely that he did not expect how far the Slack Desktop App would take his invention: We use one JavaScript code base to build a multi-threaded desktop application, routinely interacting with native code, targeting Windows, macOS, and Linux.

Full article

Facebook Engineering

Monday, May 11, 2020 Teklinks No comments

Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features and technologies incrementally slowed the site down and made it harder to maintain.

Full article

May 10, 2020

Write clean(er) Components & JSX

Sunday, May 10, 2020 Teklinks No comments

A component that expects a prop (user) and can’t do anything without it, yet that property isn’t required and the default value is set to {} to avoid some Cannot access property 'name' of ... errors.

Full article

5 Best Practices for writing clean JavaScript

Sunday, May 10, 2020 Teklinks No comments

When writing our apps, we often tend to overlook the simplest principle when it comes to coding: maintaining a clean and readable source code. You probably heard the phrase of spaghetti code before. Meaning the codebase is hard to maintain, read or even decipher.

Full article

May 9, 2020

What the heck is React Fast Refresh

Saturday, May 09, 2020 Teklinks No comments

React Fast Refresh is the successor of React Hot Loader. It is fully supported by the React team and was initially shipped alongside React Native 0.6.1 back in 2019. The actual plan is to make it available eventually for the whole ecosystem since the core implementation is platform-agnostic.

Full article

How to get started testing React applications

Saturday, May 09, 2020 Teklinks No comments

All of this testing thing is like I’m in a maze! If you don’t have experience writing tests, getting started can be daunting. Especially if you’re trying to test code that interacts with a framework/library like it is when you’re testing a React application.

Full article

5 Awesome React Packages You Need To Try Out

Saturday, May 09, 2020 Teklinks No comments

I think we all know by now that static pages and server side rendering with technologies like Gatsby & Next.js are pretty handy for React. Pages that don’t require client-side rendering, which is the standard for React.js, tend to perform much better & are said to have SEO benefits.

Full article

May 6, 2020

Checking In On Relatives Using Old Android Tablets

Wednesday, May 06, 2020 Teklinks No comments

With social distancing it can be harder to stay in touch with our relatives, especially those who are elderly and not particularly tech-savvy. Looking for a solution to that end for his own grandmother, [Steve] came up with the idea of using an inexpensive used tablet and a mobile data plan in order to mail her a “video phone” that works out of the box.

Full article

Mirage JS Deep Dive: Understanding Mirage JS Models And Associations (Part 1)

Wednesday, May 06, 2020 Teklinks No comments

Mirage JS is helping simplify modern front-end development by providing the ability for front-end engineers to craft applications without relying on an actual back-end service. In this article, I’ll be taking a framework-agnostic approach to show you Mirage JS models and associations. If you haven’t heard of Mirage JS, you can read my previous article in which I introduce it and also integrate it with the progressive framework Vue.js.

Full article

You know your Scrum Master sucks when…

Wednesday, May 06, 2020 Teklinks No comments

Please, don’t hold your applause. In fact, I’d prefer if everyone rose from their seats each time I enter the room. It’s probably best if someone on the Development Team acts as a lookout so you’re already standing when I arrive for the Daily Scrum.

Full article

May 3, 2020