JSK Weekly - October 17, 2019

We often talk about saving time in reference to development whether it's quick steps to achieve specific outcomes, better ways to optimise code or even just providing fellow developers with tutorials to make lives easier. But what about linting? If you've never heard of it or are just interested to find out exactly how it can potentially save you a ton of time, check out Colby Fayock's story called "What is linting and how can it save you time?" on freeCodeCamp.

Work a lot with SPAs? Michael Poirier-Ginter presents Next.js, and how it can help you create SEO-friendly React SPAs in "Crafting Next.js SPAs Optimized for Google" on Snipcart's blog.

Heard of CI/CD? Well CI/CD enables the best development teams to improve their products many times per day and Semaphore shows us what we need to know to do the same in "CI/CD Explained"


General

Using Next.js to Build SEO-Friendly React SPAs [Live Demo]

In a rush? Skip to tutorial steps or live demo. We've often promoted the use of single-page applications. We'll continue to do so because they're great. I mean, they're fast, they offer incredible UX, and are fun to develop.

Authored by: Snipcart

CI/CD Explained

CI/CD enables the best development teams to improve their products many times per day. Here’s what you need to know to do the same.

Authored by: Semaphore

How to Think Like a Programmer - Tips for Adopting Problem-solving Mindset Pt.2

Learning to think like a programmer can be challenging. Yet, it is something that can help you greatly improve your programming skills. This article will help you learn and master this important skill. Learn to think like a programmer and become better at your craft.

Authored by: Alex Devero

How to Make Your Own GitHub App

GitHub is a great repository hosting service that lets you host Git repositories for free. It provides a platform to store all your source code and manage the version history, and it also exposes an excellent API that we can utilize. Developers have made Node.js clients for GitHub's API.

Authored by: John Au-Yeung

What is linting and how can it save you time?

One of the biggest challenges in software development is time. It's something we can't easily get more of, but linting can help us make the most out of the time we have. lint, or a linter, is a tool that analyzes source code to flag programming errors, bugs, stylistic errors, and suspicious constructs.

Authored by: Colby Fayock

A few tips to help developers improve their capabilities - FrontNet Blog

When I was a kid, I used to watch boxing with my dad, professional boxers are often divided by weight, including many different classes such as feather, fly, middle, heavy ... Developer are also divided and have rankings, but not by weight but by skills, including many different classes from intern, fresher, junior to senior, tech lead ...

Authored by: FrontNet Blog


JavaScript

🧠 Memory leaks and Garbage Collection 🗑️ in JavaScript.

👉 Accidental global variables One of the ways in which JavaScript is permissive is in the way it handles undeclared variables: a reference to an undeclared variable creates a new variable inside the global object. In the case of browsers, the global object is a " window ".

Authored by: ᐸAndrewRymaruk/ᐳ🇺🇦😉

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

Do you know what it takes to render HTML elements on a web page without Angular, React, Svelte, and Vue? Let's explore a controlled scenario of creating a simple web page and bring to the foreground what it takes to render a page with pure HTML, CSS, and JavaScript.

Authored by: John Papa

What in the world is a JavaScript loop?

This article is a beginner's introduction to JavaScript loops. We'll go over why we need them, and how they fit into the front-end context. It's a bird's eye view of accessing data and doing things to it, covering fundamental every-day concepts for a front-end developer. Introduction.

Authored by: freeCodeCamp.org


TypeScript

TPDP E32: Getting Familiar with TypeScript for Development

Learn about TypeScript from Corbin Crutchley in this episode of The Polyglot Developer Podcast.

Authored by: Nic Raboy

Compiling TypeScript via webpack and babel-loader

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.

Authored by: Axel Rauschmayer


Angular

Create a Snackbar to check whether a user is online or offline in Angular in a minute!

A small and easy Angular application to check if user is connected to Internet or not with use of Angular material Create new Angular application using CLI Install the ng-connection-service package inside the application from the CLI using: npm install ng-connection-service - save Once if you done this process please

Authored by: JavaScript in Plain English


React

I created the exact same app with React and Redux. Here are the differences.

React vs Redux. Finally, a side-by-side code comparison between React and Redux! It can be a great feeling once you've managed to learn how to use React and can confidently built a few apps. You're able to manage state and everything seems to be working fine.

Authored by: Sunil Sandhu

Creating a simple application in React Native

With React Native, we can build native mobile applications for multiple platforms using JavaScript and React. Importantly, the interfaces we can build are translated into native views. React Native apps are not composed of WebViews. We'll be able to share a lot of the code we write between iOS and Android.

Authored by: ᐸAndrewRymaruk/ᐳ🇺🇦😉

React is Trending

React is all the rage these days. It has been for a while now, honestly. The other day I found this site that graphs NPM package downloads. It's fun to play around with. Here's a graph of the monthly NPM downloads of React, Vue, and Angular since 2017: Last month there were 23.7 million downloads of React.

Authored by: Dave Ceddia


Aurelia

Implementing A Method To Get Single Values In Aurelia Store - I Like Kill Nerds

The Aurelia Store plugin is a great way to add powerful and easy to use state management into your Aurelia applications. For some, the paradigm shift in how you work can be confusing to work with at first. One such task you might find yourself needing to do is obtaining a singular value from the ...

Authored by: Dwayne Charrington


Vue

Calling GraphQL API with Vue.JS | Gary Woodfine

In Creating Reference Data API with Strapi and using GraphQL we created an API that would be supplying our a Front-End Application with Reference data it will need to enable users to perform certain actions in our Sourcelink - Software Developers Community Web & Mobile Application. In this post, we...

Authored by: Gary Woodfine

How to Add Native Notifications to Your Vue.js App

With the HTML5 Notification API, browsers can display native popup notifications to users. With notifications, you can display text and icons, and also play sound with them. The full list of options are located at https://developer.mozilla.org/en-US/docs/Web/API/notification. Users have to grant permission to display notifications when they visit a web app to see browser notifications.

Authored by: John Au-Yeung


Node.js

Migrating WordPress Content to MongoDB with Node.js

WordPress uses MySQL as the primary database to store its content, including posts, categories, tags, users, media and other meta details. WordPress also has a pretty awesome import/export feature that generates a generic XML file containing the content information. This article is a part of Codeforgeek redesign series.

Authored by: Shahid


Testing

Test React apps with React Testing Library

Building web applications is not an easy task as of today. To do so, you're probably using something like React, Vue or Angular. Your app is faster, the code is both more maintainable and readable. But that's not enough. The more your codebase grows, the more complex and buggy it is.

Authored by: Thomas Lombart

How to run, ignore or skip Jest tests, suites and files

See Running the examples to get set up, then run: With the CLI, you can run: It will only run the tests in files that match path/to/file.

Authored by: Hugo Di Francesco





0 comments