tech/webdev magazine

October 30, 2018

React Higher-Order Components

Tuesday, October 30, 2018 Teklinks

There’s two important things to note before we get started. First, what we’re going to talk about is just a pattern. It’s not really even a React thing as much as it is a component architecture thing. Second, this isn’t required knowledge to build a React app.

Full article

October 28, 2018

October 26, 2018

Notes to Myself on Software Engineering

Friday, October 26, 2018 Teklinks

Code isn’t just meant to be executed. Code is also a means of communication across a team, a way to describe to others the solution to a problem. Readable code is not a nice-to-have, it is a fundamental part of what writing code is about. This involves factoring code clearly, picking self-explanatory variable names, and inserting comments to describe anything that’s implicit.

Full article

JWT authentication: When and how to use it

Friday, October 26, 2018 Teklinks

Learn when JWT when is best used, when it's best to use something else, and how to prevent the most basic security issues. JWT (JSON Web Token) is a very popular technology not without it share of controversy.  

Full article

Conditional JavaScript for Experts

Friday, October 26, 2018 Teklinks

Conditionals are a very important aspect of the syntax of every programming language. If you have been programming for sometime in any of the popular languages, you should already be familiar with the if..elif..else or switch conditional statements.

Full article

Git Catastrophes and Tips to Avoid Them

Friday, October 26, 2018 Teklinks

In this post, I'd like to highlight some git features that might be less used/known, but can end up saving your @$$ when things go south in the codebase. Fortunately, it is really hard to irrevocably mess something up with git, as long as you have the .git hidden folder in your project intact!

Full article

Introducing GitHub Actions

Friday, October 26, 2018 Teklinks

The software development process from conception of the idea to writing of code and finally deploying the finished product can be quite tedious at times. You need to handle a variety of things beyond just writing the code.

Full article

October 24, 2018

Desktop Progressive Web Apps

Wednesday, October 24, 2018 Teklinks

Desktop progressive web apps can be 'installed' on the user's device much like native apps. They're fast. Feel integrated because they launched in the same way as other apps, and run in an app window, without an address bar or tabs.

Full article

October 23, 2018

Angular Authentication With JWT

Tuesday, October 23, 2018 Teklinks

Security is an important part of every web app, and devs must ensure that they design apps with secure authentication. In this tutorial, you'll learn how to implement JWT-based authentication in Angular apps with the help of a simple Express server. The full code can be found in our GitHub repo.

Full article

Creating horizontal scrolling containers the right way [CSS Grid]

Tuesday, October 23, 2018 Teklinks

Ever since Netflix became a household name we’ve been scrolling sideways in mobile layouts. Instead of stacking everything on top of each other, horizontal scrolling containers (or lists) have become a common layout practice, as it helps reduce the vertical space of devices with smaller screens.

Full article

Use the React Profiler for Performance

Tuesday, October 23, 2018 Teklinks

With React, building high performance web applications became very easy because of the framework's re-rendering on the JavaScript virtual DOM, which helps it to quickly determine the changes needed when a user event is occurring.

Full article

October 22, 2018

Using Google Analytics with Angular

Monday, October 22, 2018 Teklinks

Google Analytics is a tool that helps you keep track of your User Activity. This includes how many users entered your website in a specific time-span, where those users came from, which pages they visited, etc.

Full article

Code Review Best Practices

Monday, October 22, 2018 Teklinks

The Internet provides a wealth of material on code reviews: on the effect of code reviews on company culture, on formal security reviews, shorter guides, longer checklists, humanized reviews, reasons for doing code reviews in the first place, best practices, more best practices, statistics on code r

Full article

How to build a telegram bot using Node.js and Now

Monday, October 22, 2018 Teklinks

Serverless deployment, the intriguing topic grabbing a lot of attention from rookies and veterans alike in the tech ecosystem is finally here. In this article we'll be taking a practical approach to serverless deployment, also referred to as FaaS (Function as a Service).

Full article

Functional JS with ES6 — Recursive Patterns

Monday, October 22, 2018 Teklinks

Functional programming has been on the rise and is a topic that is very exciting to me. It allows me to write terse, declarative code that is easy to test and reason about. What is functional programming? I’ll defer that answer to someone with more knowledge on the subject, Eric Elliot:

Full article

Authenticate a Node ES6 API with JSON Web Tokens

Monday, October 22, 2018 Teklinks

In this guide, we'll be implementing token based authentication in our own node.js A.P.I. using JSON web tokens. To keep this short and relatively sweet, if you'd like to read about what tokens are and why you should consider using them, have a look at this article here.

Full article

October 19, 2018

An Introduction to Web Scraping with Puppeteer

Friday, October 19, 2018 Teklinks

Learn Puppeteer with me in this article. I saw a video a few days ago on DevTips where they attempted to use Puppeteer, I’ve never used it myself and thought it looked really cool. So I gave it a try and I’m sharing what I’ve learned here.

Full article

12 Factor CLI Apps

Friday, October 19, 2018 Teklinks

CLIs are a fantastic way to build products. Unlike web applications, they take a small fraction of the time to build and are much more powerful. With the web, you can do whatever the developer programmed. With CLIs, you can easily mash-up multiple tools together yourself to perform advanced tasks.

Full article

10 Interesting JavaScript and CSS libraries for October 2018

Friday, October 19, 2018 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

October 17, 2018

How to Automate Your Garage Door With IFTTT and Raspberry Pi

Wednesday, October 17, 2018 Teklinks

Smart home gadgets are cool but can be expensive. With a Raspberry Pi and a component or two, it’s easy and cheap to connect existing devices to the internet. Making your garage door internet-aware is a great introduction to learning how to control the real world with a Pi.

Full article

What's New in Create React App 2

Wednesday, October 17, 2018 Teklinks

Yes!! It keeps getting better, I am as excited as you are. Create-react app is the most wildly used react boiler plate there is today, it helps you focus on writing code, and then handles the build and testing for you.

Full article

Rethinking Unit Test Assertions

Wednesday, October 17, 2018 Teklinks

Well written automated tests always act as a good bug report when they fail, but few developers spend time to think about what information a good bug report needs. There are 5 questions every unit test must answer. I’ve described them in detail before, so we’ll just skim them this time:

Full article

10 Console tricks, to debug like a Pro.

Wednesday, October 17, 2018 Teklinks

Okay, I know it’s kinda like a click-bait title, but trust me you’ll be surprised by what console can do. let’s start with some basic ones. As the name suggests it will group multiple logs in one single expandable group, you can even nest them if you’d like to further group them. console.

Full article

October 16, 2018

Barcode detection in a Web Worker using Comlink

Tuesday, October 16, 2018 Teklinks

I’m a big fan of QRCodes, they are very simple and neat way to exchange data between the real world and the digital world. For a few years now I’ve had a little side project called QRSnapper — well it’s had a few names, but this is the one I’ve settled on — that uses the getUserMedia API to take live data from the user’s camera so that it can scan for QR Codes in near real time.

Full article

What’s New in Create React App 2.0 Video Series

Tuesday, October 16, 2018 Teklinks

Earlier this month Create React App 2.0 was released adding a lot of new features. Some of those features include Sass Support, CSS Modules Support, Adding SVGs as React Components, Fragment Short Syntax, and Babel Macros. In this post, I’ll be highlighting the above 5 features.

Full article

October 14, 2018

Time to say farewell to Scrum?

Sunday, October 14, 2018 Teklinks

It’s common to see Scrum as a panacea; an answer to our prayers. We know we need to move beyond those drifting, missing the mark deliveries, those Zombie Scrum teams — and we know, with the right team and Agile Coaches, you can achieve an almost zen like flow.

Full article

The Suspense is Killing Redux

Sunday, October 14, 2018 Teklinks

First, that’s a rude way to put it. But I get it, the suspense is killing you — or maybe Redux. React Suspense is all about handling transitions between views that have asynchronous data requirements — which redux doesn’t even attempt to handle.

Full article

Why React16 is a blessing to React developers

Sunday, October 14, 2018 Teklinks

Just like how people are excited about updating their mobile apps and OS, developers should also be excited to update their frameworks. The new version of the different frameworks come with new features and tricks out of the box.

Full article

October 13, 2018

JavaScript Essentials: Numbers and Math

Saturday, October 13, 2018 Teklinks

Essentials is a series that covers the most used and important methods for X topic along with some other fundamentals. In this post, we cover Numbers and Math. It’s recommended that you know about types and just a little bit of math.

Full article

Refactoring Angular Apps – How To Keep Angular Apps Clean

Saturday, October 13, 2018 Teklinks

We have all been there. The app that once was this little cute baby has grown to this huge monster no one wants to get near. Every day you fight this monster but it only seems to get bigger, because your project keeps feeding it with short-term optimization by focusing on the next feature or deadline.

Full article

What is Kubernetes? Optimise your hosting costs and efficiency

Saturday, October 13, 2018 Teklinks

During the last few years, the industry has experienced a shift towards developing smaller and more focused applications. It doesn’t come as a surprise that more and more companies are breaking their massive and static monoliths into a set of decoupled and independent components.

Full article

October 11, 2018

Start Performance Budgeting

Thursday, October 11, 2018 Teklinks

If you’re building a web experience and want to stay fast, a performance budget can be critical. For success, embrace performance budgets and learn to live within them. Network & CPU limits on mobile can require asking hard questions like, “what is really important to my users?”

Full article

The 2018 DevOps RoadMap

Thursday, October 11, 2018 Teklinks

DevOps is really hot at the moment and most of my friends, colleagues, and senior developers I know are working hard to become a DevOps engineer and project themselves as DevOps champion in their organization.

Full article