CategoryReact

September 12, 2019 — Sick of chaining lots of keys together with dots to access nested values in objects? Frustrated that arr[0] isn’t a very descriptive name?If you write JavaScript you’re likely familiar with ES2015 and all the new language standards that were introduced. Destructuring assignment has incredible value when accessing values in arrays and objects. In this article, Laurie Barth will show you a number of use cases in which this syntax can come in handy. Read more…

September 11, 2019 — Love your Bash terminal but also love your PC? Maybe you’ve had your eye on some of that new Surface hardware, but can’t make the switch without your terminal. Now you can have Windows and Bash. In this article Burke Holland will take an in-depth look at how to set up a Windows/Linux development box for JavaScript development. Read more…

August 7, 2019 — React developers can get the advantages of Ionic to build hybrid mobile apps and progressive web apps. In this tutorial, Ahmed Bouchefra will use both Ionic and React to build a simple mobile application that fetches and displays news data from a third-party API using the Axios client. You will also see how to use hooks in React — namely, the useState() and useEffect() hooks — to create state and perform side effects inside React function components. With Ionic, we’ll see how easy it is to generate a project based on React and how you can theme the application using the color attributes of components. Read more…

July 18, 2019 — While working on his personal website, Jorge Ferreiro had all the code in the same repository: the back end used Node.js and the front end used ES6 with Pug. However, he found some downsides. Yarn workspaces let you organize your project codebase using a monolithic repository (monorepo). In this article, Jorge explains why they’re a great tool and how to create your first monorepo using Yarn with basic npm scripts, and add the required dependencies for each app. Read more…

July 3, 2019 — Slots are a powerful tool for creating reusable components in Vue.js, though they aren’t the simplest feature to understand. Vue’s slots take component-based development to a whole new level, and while in this article you will discover a lot of great ways slots can be used, there are countless more out there. Today, Joseph Zimmerman takes a look at how to use slots and some examples of how they can be used in your Vue applications. Read more…

May 30, 2019 — The user experience from a developer point of view is seriously lacking. We don’t get any helpful warnings when we misspell words, misuse APIs or, well, anything, really! We’ve already seen how we can implement the basic parts of our validation library, and how to add all the nice-to-have features we needed. In this final part of this series, Kristofer Giltvedt Selbekk will focus on improving the user experience for the people that will use our validation library: the developers. Read more…

May 23, 2019 — In Kristofer’s previous article, he explained how the basic parts of a validation library can be implemented. While the next part will focus on improving the developer experience, today’s article will focus on adding more features to what was created in Part 1. Kristofer will continue implementing the validation library you started implementing in the previous part of this series. These are the features that are going to take us from a simple proof of concept to an actual usable library! Read more…

May 21, 2019 — Do websites created with reactive frameworks get indexed by Google and other search engines? Is it compulsory to set up pre-rendering, as your SEO consultants suggest? Or are they wrong? In this article, Paolo Mioni will talk mostly about Vue.js, since it is the framework he’s used most, and with which he has direct experiences in terms of indexing by the search engines on major projects, but most of what will be covered is valid for other frameworks, too. Read more…

May 16, 2019 — Ever wondered how validation libraries work? In this article, Kristofer Giltvedt Selbekk will tell you how to build your very own validation library for React step by step. You will go through the process step by step, and you’ll find CodeSandbox examples as we go along. By the end of this post, you will know how to write your own validation library, or at the very least have a deeper understanding of how other libraries implement “the magic of validation”. The next part will add some more advanced features, and the final part will focus on improving the developer experience. Read more…

May 7, 2019 — Software development and maintenance has, generally speaking, been a time-consuming and arduous process for developers and engineers who carry the brunt of the work. However, with the introduction of front-end-as-a-service, and a company like Mason pioneering the way, that could all change. In this article, Suzanne Scacca is going to give you a closer look at FEaaS, who it’s for and why empowering product and marketing teams with it is a big deal. Read more…