Category: Web Design – Javascript

5 key Redux libraries to improve code reuse

Redux is a very popular state container used in so many modern frontend JavaScript applications. It is framework agnostic and can be used in apps built either with vanilla JavaScript or any of the modern JavaScript frameworks like React, Angular, VueJS, etc. One of the greatest benefits of using Redux is that the application’s state is global and in one place usually called a store….

Managing Derived State from Props in React

Patterns and Anti-patterns for managing states based on Props From the React docs, the general consensus when it comes to Props vs State is as follows: Props: (short for properties) are a Component’s configuration. They are received from above and immutable. State: starts with a default value when a Component mounts and then suffers from mutations in time. It is not advisable to store anything in…

JavaScript waitForever

Writing mochitests for new features in DevTools can be difficult and time-consuming.  There are so many elements interacting in an async manner that I oftentimes find myself using the debugger to debug the debugger!  In the case where it’s unclear what interaction isn’t working properly, I find myself going to a neat utility function: waitForever.  By using this function, paired with await, I can interact…

Mixins and custom functions to enhance your Vue applications

If you are a Vue lover (like me) and are looking for a way to extend your Vue application, you have come to the right place. Vue mixins and directives are a powerful combination and a great way to add more reusable functions across parts of your application. If you are from an Object-Oriented Programming background, then you will see Vue mixins as an imitation…

How To Build A Real-Time App With GraphQL Subscriptions On Postgres

About The Author Sandip Devarkonda is a product manager, helping build cutting edge developer tools at Hasura. He dabbles in technology forecasts and predicts that GraphQL will … More about Sandip Building real-time applications is hard. However, GraphQL is rapidly upending this status-quo. Let’s explore what GraphQL is, and then take it for a spin by building a poll app in which users can vote…

Amazon Machine Learning Courses open for free to all developers – FrontNet Blog

Amazon offers interested developers free machine learning courses. So far, internal developers have been trained with the so-called “Machine Learning University”. So far, only the group’s own developers have studied in Amazon’s “Machine Learning University” . Now, the ecommerce giant and cloud provider will provide the courses it contains to all interested developers – for free . In total, the course package includes 30 courses…

Intellicode for JavaScript, Babel 7.2.0, and npm's predictions for 2019

IntelliCode for JavaScript and TypeScript in VS Code — The popular VS Code editor gains support for IntelliCode for JavaScript (and TypeScript) users. IntelliCode is a feature that recommends commonly used completion items based upon the current context in your code and is an interesting step in Microsoft’s experiments with practical ‘AI-assisted development’. Microsoft Low-Code Platforms: What Developers Think and Why — No and low-code…

Intro to programming language development series in JS

Take this article as a sort-of short introductory post. So, recently I’ve come up with an idea to create a programming language. Seams easy, isn’t it? 😅 Is it possible? – Yes. Is it worth it? – Kind-of. You see, by creating a language you can learn certain concepts that you wouldn’t otherwise. It just makes you a better programmer. Also, it’s fun. 😉 So,…

How to Use TypeScript to Build a Node API with Express

Like it or not, JavaScript has been helping developers power the Internet since 1995. In that time, JavaScript usage has grown from small user experience enhancements to complex full-stack applications using Node.js on the server and one of many frameworks on the client such as Angular, React, or Vue. Today, building JavaScript applications at scale remains a challenge. More and more teams are turning to…

Angular Console: What is it and why is it valuable for you?

Here at Narwhal (Nrwl), we’ve been working with the Angular team over the last 3 months to build a new developer tool that is now becoming widely adopted. It’s called Angular Console. As the lead designer/front-end architect, the Angular team invited me to write on the official blog in order to communicate what Angular Console is and what it means for the Angular community going…