Styling elements or in some instances, components in a React project is essential. Sometimes, you need to make a change in the style of an element based on changes in the application using JavaScript. In this challenge, we will change a CSS property ... more
Tailwind has finally released a major version of the utility based styling library. Tailwind is a utility-based CSS framework that just hit a big milestone: v1!!! Tailwind’s approach to a CSS framework comes in the form of a configurable utility CSS ... more
Adding Sass is one of the first things most developers do when starting an application. Writing in plain CSS can be done, but Sass provides much more power with features like: Variables Nesting Math Mixins Functions Imports And More Add Sass to Create ... more
This post will be short and sweet. No, I'm not going full-time on drinking some alcohol (part-time on that definitely). After 5 years of being a side project, Scotch.io will be my full-time job! I'm super excited. Can't even put into words excited. We ... more
Extension Packs in Visual Studio Code are extremely useful when you want to install a collection of related extensions. In this article, let's walk through the steps of creating an Extension Pack so you can share your favorite collection of extensions ... more
JavaScript has come a long way in the past decade, especially with the ES6 update. JavaScript’s standardized name is ECMA Script and this version came in 2015. It was named ES2015 or ES6 for version 6. Knowledge of ES6 is important when building React ... more
Basics This method is a called against a regular expression and returns the matching values in the string. The return value is an array containing the matched values. If no matches are found within the string, null is returned. "hello world".match(/[el]/gi) ... more
React is a popular library for building user interfaces created by Facebook. Redux on the other hand is a wonderful state management library for JavaScript apps. Put together they offer the ability to build complex React projects. Jest is a zero configuration ... more
One of the most impressive parts of Visual Studio Code is customizability, especially via extensions. I won't cover framework specific extensions, but here are some of the best extensions in VS Code for writing JavaScript. Check out Learn Visual Studio ... more
In this challenge, we will be dealing with strings, arrays and objects. We will learn to manipulate these data types using various methods that'd bring us to a working solution in the end. Enough talk, Let's dive right in! You should already have your ... more
In this challenge, we will be working with strings and arrays. Strings and arrays are very much alike in that they are both collections of elements usually of the same type. In order to manipulate arrays and strings to various outcomes we will make use ... more
The string reversal algorithm is perhaps the most common JavaScript code challenge on the internet. In this article, we explore various string reversal techniques as a good number of string manipulation algorithms are dependent on ones ability to reverse ... more
It's about time for us to dive into the core content of this course. I can tell you’re fired up already! To help you follow along better, let us now examine the course structure as well as set up our development environment appropriately. How this Course ... more
To a significant level, the success of a software engineer is highly dependent on the quality of the tools he uses for his craft. In this section, we will highlight the tools that feature prominently in this course as well as examine their relevance ... more
In a library, there are various kinds of books on a very wide range of topics. There are books on Agriculture, Science, Arts, Politics, Nature, Software Engineering (as i must especially mention… 🙂 **) and so on. These books can be called data. To store ... more
Introduction We live in an age where the importance of delivering web services at optimal speed can't be overemphasized. As the payload transmitted by web applications increase, developers must adopt best practices to ensure that data packets are delivered ... more
https://youtu.be/oalx7kxSU7s One of the most impressive parts of Visual Studio Code is customizability, especially via extensions. With tons of developers creating extensions, the functionality is literally endless ! Here are some of the best extensions ... more
The filter() method returns an array containing elements of the parent array that match the set test. A function containing a test is passed as an argument to the filter method. To keep an element the test function should return true and false to discard ... more
Basics The String repeat() method is a very fun one. You can take any string and repeat over it so that it displays multiple times. "hello ".repeat(5); // output: hello hello hello hello hello https://scotch.io/embed/gist/a22d8df7f2ff64422a7b012b1ced59bf ... more
The join method combines all the elements contained in an array and returns it as a string separated by a comma ( , ) or any specified string separator. The method will return an empty string if the length of the array is 0 . // create an array const ... more
Basics The isArray() method checks if the specified parameter is an array. It returns a Boolean . Array.isArray('my thing goes here'); // false https://scotch.io/embed/gist/400f105d6adb839852937031df2a4c8b Syntax 1 Parameter This method takes one parameter: ... more
Basics The Array concat method combines two or more values into a new array. const newArray = oneArray.concat(secondArray); https://scotch.io/embed/gist/412c418bb3b3985889c913a16c89ef7e Note : concat() creates a new array. It does not change the original ... more