Select Page

Category: Web Development

JavaScript Regex Cheat Sheet

Successfully working with regular expressions requires you to know what each special character, flag and method does. This is a regular expressions cheat sheet which you can refer to when trying to remember how a method, special character or flag works. Defining a Regular Expression in JavaScript There are two ways of defining a regular expression in JavaScript. var rgx = /^(d+)/ — You can use a regular expression literal and enclose the pattern between slashes. This is evaluated at compile time and provides better performance if the regular expression stays constant. var rgx = new RegExp('^(d+)') — The...

Read More

Build a Reusable Design System With React

React has done a lot to simplify web development. React’s component-based architecture makes it easy in principle to decompose and reuse code. However, it’s not always clear for developers how to share their components across projects. In this post, I’ll show you some ways to fix that. React has made it easier to write beautiful, expressive code. However, without clear patterns for component reuse, code becomes divergent over time and becomes very difficult to maintain. I’ve seen codebases where the same UI element had ten different implementations! Another issue is that, more often than not, developers tend to couple the UI...

Read More

Authentication and Authorization Using Auth0 in PHP

In this article, we’re going to explore the Auth0 service, which provides authentication and authorization as a service. Auth0 allows you to set up basic authentication and authorization features for your apps in the blink of an eye. What Is Auth0? Auth0 is an authentication as a service tool that makes implementation of authentication-related features in your site a breeze. If you’ve built an app and you want to just outsource the authentication and authorization features, a service like Auth0 is something you should consider. Let me quickly summarize what Auth0 has to offer: single sign-on multifactor authentication passwordless logins...

Read More

Get Started With Pusher: Introducing Channels

Real-time communication is a holy grail of web development, and we finally have the ability to incorporate it in our applications, thanks to the Web Sockets API. But as with most browser APIs, the Web Sockets API is rather low level, and if you have spent any amount of time with it, then you know how difficult it can be to use effectively.  Today, however, we have supercomputers in our pockets that we use every single day, and users expect the same real-time experience across web, mobile, and even desktop. In this series, you’ll learn about Channels, a platform...

Read More

WordPress Gutenberg Block API: Extending Blocks

Welcome back to our series on creating custom blocks with the WordPress Gutenberg Block API. This tutorial is all about extending the random image block we created in the previous post. We got as far as adding a drop-down control to select an image category. We’ll continue with this by adding more block options to allow further customization. Specifically, we’ll see how to add block settings in various parts of the editor. That’s right, you’re not just limited to adding block controls directly on the block itself! The final my-custom-block plugin code is available to download. Just click the link in the sidebar...

Read More
000webhost logo