tech/webdev magazine

September 30, 2019

Everything you need to know about React’s Context API

Monday, September 30, 2019 Teklinks

React is one such UI library which gets frequent upgradation in terms of new features and concepts within months. One such additional concept or feature in version 16.3 gives us Context API which is an upgraded version of old concept of context in React which allow components to share data outside the parent-child relationship.

Full article

Forget motivation

Monday, September 30, 2019 Teklinks

Exciting goals. I’ve set quite a few of them in my time. Learn Spanish. Start blogging. Run that marathon. I’m strong on good intentions. I love the bubble of enthusiasm that comes with carving out a new goal-post. I’m never short on motivation, either: the kind that generates 100-carat determination. I’ve always known why I want to achieve a certain goal.

Full article

Working with GitHub Actions

Monday, September 30, 2019 Teklinks

Every action that runs has access to a GITHUB_TOKEN environment variable that can be used to interact with the API. The token has read and write (but not admin) repository app permissions by default.Note, forks do not normally have access to secrets in the actions environment.

Full article

September 25, 2019

Machine Learning For Front-End Developers With Tensorflow.js

Wednesday, September 25, 2019 Teklinks

Using JavaScript and frameworks like Tensorflow.js is a great way to get started and learn more about machine learning. In this article, Charlie Gerard covers the three main features currently available using Tensorflow.js and sheds light onto the limits of using machine learning in the frontend.

Full article

Easy Peasy global state in React w/ Hooks

Wednesday, September 25, 2019 Teklinks

React keeps on giving. The recent announcement of Hooks has blown away complexity and completely reinvigorated my love with React. With these new tools at our disposal I decided to reevaluate the libraries and patterns that I reach for to see if I could replace them with native implementations.

Full article

September 23, 2019

Logical Operations with CSS Variables

Monday, September 23, 2019 Teklinks

Very often, while using switch variables (a variable that's either 0 or 1, a concept that's explained in a greater detail in in this post), I wish I could perform logical operations on them. We don't have functions like not(var(--i)) or and(var(--i), var(--k)) in CSS, but we can emulate these and more with arithmetic operations in a calc() function.

Full article

10 Interesting JavaScript and CSS Libraries for September 2019

Monday, September 23, 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

September 21, 2019

Deep and Shallow Copy in JavaScript

Saturday, September 21, 2019 Teklinks

Often, to create an exact copy of an object in JavaScript, we need to create a new Object from existing objects. There are various methods to achieve this. This article is focused on the different ways in which an object can be cloned/copied.

Full article

How to Remove Unused CSS

Saturday, September 21, 2019 Teklinks

Why was I looking for this kind of tool? Because nowadays almost every developer uses a lot of CSS frameworks and libraries to develop interfaces faster and easier so it is inevitably that the size of css files increase a lot.

Full article

September 18, 2019

Efficiently Rendering Lists in React

Wednesday, September 18, 2019 Teklinks

React has great rendering performance yet when it comes to huge amounts of data, like any framework, it can become bogged down. When you’re faced with large lists of data rendering to the DOM that a user can scroll through, performance can take a hit.

Full article

September 17, 2019

Create Test Suites With Postman And Newman

Tuesday, September 17, 2019 Teklinks

Postman is a free development tool which helps testing API. It provides a complete API testing desktop application allowing us to create requests, organise them in collections and write test assertions while also providing variables management at different levels, environment level, collection level or request level. On top of that, it can easily be integrated into our automated CI using Newman, the CLI for running collections.

Full article

September 16, 2019

Advanced ReactJS: Best Practices for React + Redux + Sagas

Monday, September 16, 2019 Teklinks

First things first, a quick introduction on what is React. It is a JavaScript library used for building user interfaces. It has changed the front-end development landscape ever since it came out. So, if you are aspiring to be a front-end web developer learning libraries like React or Vue.

Full article

Can GitHub Actions Replace Your CI Server?

Monday, September 16, 2019 Teklinks

Could GitHub Actions be the CI server replacement you didn't know you needed?With the introduction of GitHub Actions (albeit in beta), the world's source code repository now includes the ability to host and execute your CI/CD pipelines.

Full article

September 15, 2019

What’s new After Angular 8

Sunday, September 15, 2019 Teklinks

In this blog post let’s see what is going on with Angular 8 post the official release in May 2019. We got many new features with the release of Angular 8, Angular 9 will be released around November 2019.

Full article

Handbook Page

Sunday, September 15, 2019 Teklinks

Each and every value in JavaScript has a set of behaviors you can observe from running different operations. That sounds abstract, but as a quick example, consider some operations we might run on a variable named foo.

Full article

Frontend E2e Testing With Cypress

Sunday, September 15, 2019 Teklinks

Cypress is a frontend testing tool which can be used to write unit test and end to end (e2e) tests. It comes packed with features that make it easy to write tests, execute them and trace back failures. Today we’ll look at how we can setup Cypress and write e2e tests for a SPA application.

Full article

September 12, 2019

Use React.memo() wisely

Thursday, September 12, 2019 Teklinks

Users enjoy fast and responsive user interfaces (UI). An UI response delay of less than 100 milliseconds feels instant to the user. A delay between 100 and 300 milliseconds is already perceptible. To improve user interface performance, React offers a higher-order component React.memo().

Full article

Writing CSS with Accessibility in Mind

Thursday, September 12, 2019 Teklinks

This article is also available in Russian, thanks to Workafrolic, in Portuguese, thanks to Maujor, and in Japanese, thanks to Keita Nakanishi. If you’re not into reading, there’s a recording of me talking about most of the things in this article at CSS Conf Budapest.

Full article

September 10, 2019

Cypress.io: the Selenium killer

Tuesday, September 10, 2019 Teklinks

Before I start, I want to emphasize that this post is not about one particular project or any automation testers that I have worked with. I have seen this behavior in three recent projects, and nearly every automation tester that I have worked with has busted a gut to make this faulty machine work.

Full article

Getting to Know Puppeteer Using Practical Examples

Tuesday, September 10, 2019 Teklinks

Puppeteer is a project from the Google Chrome team which enables us to control a Chrome (or any other Chrome DevTools Protocol based browser) and execute common actions, much like in a real browser - programmatically, through a decent API.

Full article

The Iceberg of React Hooks

Tuesday, September 10, 2019 Teklinks

React Hooks, unlike Class Components, provide low-level building blocks for optimizing and composing applications with minimal boilerplate. Without in-depth knowledge, performance problems can arise and code complexity can increase due to subtle bugs and leaky abstractions.

Full article

September 9, 2019

How to build an admin panel with React

Monday, September 09, 2019 Teklinks

A good number of web applications have evolved from static websites that just display content to dynamic webpages where users access and interact with content. This content is often powered by APIs that send and receive data. Often, an admin page is needed to sort and handle this data.

Full article

React Context-Api and Lazy-loading

Monday, September 09, 2019 Teklinks

I am working on a new e-commerce site and I wanted to share some of the things that I learned and put to use for this project. First, there are plenty of docs and talks about both subjects of this post. However, I will demonstrate how I used React’s context-api and code-splitting, a.k.a.

Full article

September 7, 2019

How to Enable Google Chrome’s New Extensions Menu

Saturday, September 07, 2019 Teklinks

Are too many Chrome extensions cluttering up your toolbar and menu? Google’s working on a solution for that. The new Extensions menu provides a place for all your extensions in one combined toolbar icon. It’s available today behind a flag.

Full article

September 6, 2019

How to CI and CD a Node.JS Application Using GitHub Actions

Friday, September 06, 2019 Teklinks

This article will cover the following: Use Docker instead of bare metal deployment, Use GitHub actions for continuous integration of your app, Use GitHub actions for continuous deployment by pushing the Docker image to a Docker registry (Docker Hub)

Full article

I just don’t want to be a software developer anymore

Friday, September 06, 2019 Teklinks

It’s an easy story for me to tell. When I was 10 there was nothing more exciting to me than playing around with the old broken computers my dad, who worked in tech, would give me. I became a teenage game modder and hobby web developer.

Full article

September 4, 2019

VuePress: Documentation Made Easy

Wednesday, September 04, 2019 Teklinks

11 min read Vue, Tools, Workflow Share on Twitter or LinkedIn One of the most overlooked aspects of creating and/or maintaining any software library is good documentation. Luckily for you, a new tool on the market is here to make it easy for you to create great documentation for your projects.

Full article

September 3, 2019

8 Contract Clauses You Should Never Freelance Without

Tuesday, September 03, 2019 Teklinks

Do you have a contract when you begin a freelance project? If not, then you should. Working without a contract is an invitation to be taken advantage of. A contract helps streamline your work around a schedule as well as all those clarified details of what was agreed between you and the client. More importantly, it prevents you from double work and headaches down the line.

Full article

Styling Links with Real Underlines

Tuesday, September 03, 2019 Teklinks

Before we come to how to style underlines, we should answer the question: should we underline? In graphic design, underlines are generally seen as unsophisticated. There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles. That’s clear in this advice from Butterick’s "Practical Typography".

Full article