Welcome to JSFeeds
hello.js
NEW !!!
Wednesday, 13 January, 2021 UTC
How to Add Commas Between a List of Items Dynamically with CSS
Imagine you have a list of items. Say, fruit: Banana, Apple, Orange, Pear, Nectarine We could put those commas (,) in the HTML, but let’s look at how we could do that in CSS instead, giving us an extra level of control. We’ll make sure that last item ... moreWednesday, 13 January, 2021 UTC
Two Issues Styling the Details Element and How to Solve Them
In the not-too-distant past, even basic accordion-like interactions required JavaScript event listeners or some CSS… trickery. And, depending on the solution used, editing the underlying HTML could get complicated. Now, the <details> and <summary> ... moreWednesday, 13 January, 2021 UTC
How typosquatting attacks are responsible for malicious modules in npm
What are typosquatting attacks and how do they impact open source developers? If you’re a JavaScript developer then you should understand them and be conscious that you aren’t mistakenly installing a package such as electron-native-notify - because hey, ... moreWednesday, 13 January, 2021 UTC
PETAL – the end-to-end web stack
There’s a new stack in town. PETAL . It destructures to Phoenix Elixir Tailwind Alpine LiveView (PETAL was coined by Patrick Thompson to describe a particular set of tools he was combining with good results. I’m just here to tell you about it.) So what ... moreWednesday, 13 January, 2021 UTC
Generating Twilio Access Tokens in Python
Several Twilio services can be accessed from a web application running on the browser, but given that this is an inherently insecure platform, the authentication flow is different than for server-based applications. An application running on the browser ... moreWednesday, 13 January, 2021 UTC
JavaScript’s New Immutable Data Types: Records and Tuples
Records and tuples are new JavaScript immutable data types currently at stage 2 in the TC39 standards approval process. They are subject to change and not currently available in any browser or runtime, but working implementations should arrive within ... moreWednesday, 13 January, 2021 UTC
Angular 12 looks to improve deployment integrations
The developers of Angular 12, a planned upgrade to the popular Google-built web development framework, have set their sights on a host of improvements, ranging from better integration with deployment providers to improved error messages. Currently planned ... moreWednesday, 13 January, 2021 UTC
Announcing TypeScript 4.2 Beta
Today we’re excited to announce the availability of TypeScript 4.2 Beta! To get started using the beta, you can get it through NuGet, or use npm with the following command: npm install [email protected] You can also get editor support by Downloading for ... moreWednesday, 13 January, 2021 UTC
How Is JavaScript Doing?
The results of the 2020 State of JavaScript Survey have been released. What do they tell us about developers attitude towards JavaScript and its ever-expanding ecosystem? Read more... ... moreWednesday, 13 January, 2021 UTC
Google Chrome becomes ESLint gold sponsor
Google Chrome becomes ESLint gold sponsor We are happy to share that Google Chrome has become an ESLint gold sponsor sponsor, donating $1,000 each month for the ongoing maintenance and development of ESLint! The Chrome team is well known for supporting ... moreTuesday, 12 January, 2021 UTC
Smashing Podcast Episode 33 With Charlie Gerard: What Is Machine Learning?
In this episode, we’re talking about Machine Learning. What sort of tasks can we put it to within a web development context? I spoke with expert Charlie Gerard to find out. Show Notes Practical Machine Learning in JavaScript: TensorFlow.js for Web Developers ... moreTuesday, 12 January, 2021 UTC
tailwind: Add Tailwind CSS to Next.js
We will learn the various steps necessary to add tailwindcss support to a nextjs application. Step 1 - Install tailwindcss, postcss and autoprefixer Step 2 - Run `npx tailwind init -p` to create the required configuration. Add purge filters here. Step ... moreTuesday, 12 January, 2021 UTC
tailwind: Add Tailwind CSS to Next.js
We will learn the various steps necessary to add tailwindcss support to a nextjs application. Step 1 - Install tailwindcss, postcss and autoprefixer Step 2 - Run `npx tailwind init -p` to create the required configuration. Add purge filters here. Step ... moreTuesday, 12 January, 2021 UTC
Veracode Reveals Security Flaws
Three-quarters of applications have some sort of security flaw, although high-security flaws are found in only a quarter. PHP is the programming language with the highest prevalence of flaws while Python and JavaScript are the least affected. Read more... ... moreTuesday, 12 January, 2021 UTC
How AI Will Change Software Development and Testing
Total: 2 Average: 5 Artificial intelligence is the fuel for what we know as the fifth industrial revolution. Its capacities to impact and disrupt numerous industries are virtually unparalleled. It is no less true regarding software development and testing. ... moreTuesday, 12 January, 2021 UTC
Vno brings Vue to Deno
Vno, a third-party module for Deno, bridges the popular Vue JavaScript framework and the celebrated alternative to Node.js. Vno is a native build tool that compiles and bundles single-file Vue components in a Deno runtime. With a few simple CLI commands, ... moreTuesday, 12 January, 2021 UTC
The New Array Method You'll Enjoy: array.at(index)
array.at(index) method in JavaScript accesses array items at positive and (finally!) at negative indexes. ... moreTuesday, 12 January, 2021 UTC
How to use DynamoDB batch write with retrying and exponential backoff
The batchWriteItem operation DynamoDB supports the batchWriteItem function that consolidates multiple item writes in a single request . It’s a great performance improvement as network overhead is a significant factor with DynamoDB and sending fewer requests ... moreMonday, 11 January, 2021 UTC
javascript: Set up a Preact Project in a Local Development Environment
Clone the course repository at: [https://github.com/learnwithjason/serverless-functions](https://github.com/learnwithjason/serverless-functions) Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same ES6 ... moreMonday, 11 January, 2021 UTC
javascript: Set up a Preact Project in a Local Development Environment
Clone the course repository at: [https://github.com/learnwithjason/serverless-functions](https://github.com/learnwithjason/serverless-functions) Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same ES6 ... moreMonday, 11 January, 2021 UTC
react: Add Redux to an Existing React Application
This lesson shows you how to install `redux` and `react-redux` to create a redux store and then use the [Provider](https://react-redux.js.org/api/provider) component to enable redux throughout your entire application. First we start by installing `redux` ... moreMonday, 11 January, 2021 UTC
react: Manage Lists of Objects in Redux Apps
Redux does not work well with non-JSON data formats. So you’ve got strings, booleans, numbers and arrays and basic objects. That’s pretty much what you get to work with in your redux store. No sets. No maps. No classes or functions. Just the most basic ... moreMonday, 11 January, 2021 UTC
react: Add Logic to our Redux Reducers
So far our reducers have simply been used to update a single value passed in with an action. In this lesson we'll practice adding more logic into a reducer, which is recommended in the [redux style guide](https://redux.js.org/style-guide/style-guide#put-as-much-logic-as-possible-in-reducers). ... moreMonday, 11 January, 2021 UTC
react: Manage Lists of Objects in Redux Apps
Redux does not work well with non-JSON data formats. So you’ve got strings, booleans, numbers and arrays and basic objects. That’s pretty much what you get to work with in your redux store. No sets. No maps. No classes or functions. Just the most basic ... moreMonday, 11 January, 2021 UTC
react: Add Logic to our Redux Reducers
So far our reducers have simply been used to update a single value passed in with an action. In this lesson we'll practice adding more logic into a reducer, which is recommended in the [redux style guide](https://redux.js.org/style-guide/style-guide#put-as-much-logic-as-possible-in-reducers). ... moreMonday, 11 January, 2021 UTC
react: Add Redux to an Existing React Application
This lesson shows you how to install `redux` and `react-redux` to create a redux store and then use the [Provider](https://react-redux.js.org/api/provider) component to enable redux throughout your entire application. First we start by installing `redux` ... moreMonday, 11 January, 2021 UTC
Front-End Performance Checklist 2021
This guide has been kindly supported by our friends at LogRocket, a service that combines frontend performance monitoring , session replay, and product analytics to help you build better customer experiences. LogRocket tracks key metrics, incl. DOM complete, ... moreMonday, 11 January, 2021 UTC
