News
Easier browser debugging with Developer Tools integration in Visual Studio Code
If you’re debugging JavaScript in Visual Studio Code you probably have used either the Chrome Debugger or the Microsoft Edge Debugger extension. Neither are necessary any longer to debug as JavaScript debugging is now built-in to Visual Studio Code. This … more Read More
News
Three Insights I Gained While Researching Vue.js Accessibility
JavaScript frameworks like React, Angular and Vue have a very bad reputation when it comes to web accessibility. But is this due to inherent technical limitations or insurmountable problems of those tools? I think not. During the research phase of my … more Read More
News
Functional Programming with JavaScript
Learn about the principal concepts of functional programming and how we can apply them in JavaScript applications. One of the most famous programming paradigms is object-oriented programming. Every developer, at some point, has probably heard about this … more Read More
News
react: Setup and Explore our Shopping Cart Application to Learn Redux with TypeScript
This course builds off a react-based shopping cart application containing a list of products (loaded dynamically from a JSON file). It is fully self-sustaining and does not rely on any third party APIs. It uses [vite](https://vitejs.dev/) as the underlying … more Read More
News
react: Add Redux and the Redux Toolkit (RTK) to an Existing Application
In this lesson we install [react-redux](https://react-redux.js.org/) and the [Redux Toolkit](https://redux-toolkit.js.org/) via NPM and then setup our own redux store using RTK’s [configureStore](https://redux-toolkit.js.org/api/configureStore) method. … more Read More
News
react: Splitting our Redux Store into Multiple Slices using the createSlice Method
The Redux Toolkit has helped codify the notion that instead of splitting up your redux store into various reducer files, action files, and selector files it should be split into slices. Each slice needs to own the shape of its part of the data and is … more Read More
News
react: Dispatching Actions to Redux when an Input Field Fires its Blur Event with TypeScript
The Redux Style Guide explicitly recommends that you [avoid putting form state in redux](https://redux.js.org/style-guide/style-guide#avoid-putting-form-state-in-redux). Of course we do want to update our redux store with data that comes from user input … more Read More
News
react: Adding a Button that Dispatches an Action To Redux to Remove an Item from the ShoppingCart
This lesson creates a new reducer method called `removeFromCart` which accepts a product id as a string. We then add on `onClick` handler to our remove button that dispatches the `removeFromCart` action into our redux store. One thing to consider is that … more Read More