tech/webdev magazine

September 30, 2019

Everything you need to know about React’s Context API

Monday, September 30, 2019 Teklinks No comments

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 No comments

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 No comments

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

Easy Peasy global state in React w/ Hooks

Wednesday, September 25, 2019 Teklinks No comments

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 No comments

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

September 21, 2019

How to Remove Unused CSS

Saturday, September 21, 2019 Teklinks No comments

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 No comments

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 No comments

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

Can GitHub Actions Replace Your CI Server?

Monday, September 16, 2019 Teklinks No comments

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

Handbook Page

Sunday, September 15, 2019 Teklinks No comments

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 No comments

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 No comments

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 No comments

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 No comments

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

The Iceberg of React Hooks

Tuesday, September 10, 2019 Teklinks No comments

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 No comments

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 No comments

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

September 6, 2019

September 4, 2019

VuePress: Documentation Made Easy

Wednesday, September 04, 2019 Teklinks No comments

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 No comments

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 No comments

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