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