Tag: React

How to Create a Gooey Search Interaction with Framer Motion and React

I’ve been eager to create something with the Gooey effect for a while. While many of our peers on X have been experimenting with it, I wanted to apply it to a more practical component. Recently, I stumbled upon a video showcasing dynamic island animations, which sparked my inspiration. Inspired by this, I decided to… Continue reading How to Create a Gooey Search Interaction with Framer Motion and React

How to Set Up the New Google Auth in a React and Express App

In this article, you’ll learn how to configure the new Google Auth “Sign in with Google” button in a React.js and Express.js application. This new method simplifies the way developers implement Google Auth. It brings in some significant advantages, such as allowing users to view a profile picture in order to select the correct Google… Continue reading How to Set Up the New Google Auth in a React and Express App

10 Best Free Open Source JavaScript Lightbox Widgets and Plugins

Images are crucial, whether you’re running an e-commerce or portfolio website. How many sales you make or new clients you get depends a lot on the quality of the images of your products and services that you can showcase through your images. So it makes sense to highlight your images with a lightbox. Lightboxes make… Continue reading 10 Best Free Open Source JavaScript Lightbox Widgets and Plugins

4 Best Real User Monitoring Tools for 2022

The success of your website or web app hinges on the user experience. A positive experience translates into loyalty through high user retention and conversion rates, which in turn increase your profits.  The good news is that you can discover exactly what kind of experience users are having on your website or web app. You… Continue reading 4 Best Real User Monitoring Tools for 2022

What Is JavaScript?

Technology is advancing rapidly and web development is no different. New tools and services are constantly coming into existence to help you build the next big thing. It’s great to have so much innovation in web development, but it can be very intimidating for people who are just starting out in the field and have… Continue reading What Is JavaScript?

How to React to Touch Events in Flutter

Almost every app will need some sort of user input. Usually, your app will need to respond to touch events. This is a small guide to touch events, especially for starting Flutter developers. When it comes to gesture recognition and reaction to touch events, Flutter offers incredible widgets for new developers. You can make any… Continue reading How to React to Touch Events in Flutter

Which Back-End to Choose? Node.js vs PHP

In this article, we’re going to discuss PHP and Node.js: two popular back-end technologies for web applications. We’ll discuss the key differences between them to help you choose the right back-end technology for your next project. Introduction First of all, let’s go through what exactly these two back-end technologies are and what they are used… Continue reading Which Back-End to Choose? Node.js vs PHP

Working With Tables in React: Part Two

In this two-part series, you will learn about the ins and outs of working with tabular data in React using the React Bootstrap Table2 component. You’ll be able to create sophisticated and professional-looking tables with little effort and yet be able to customize every aspect. In this part, we’ll continue the journey by expanding rows,… Continue reading Working With Tables in React: Part Two

23 Exciting New Tools for Designers, February 2021

We’re going to try something a little different this month; with this roundup of tools and resources for designers, we’re going to pick a few of our favorites and group everything else in a manner that makes it even easier to find elements that will work for you, and your projects, right now. Here’s what’s… Continue reading 23 Exciting New Tools for Designers, February 2021

Working With Tables in React, Part One

One of the most common user interface elements for presenting your data is a table. It turns out that there are many aspects to control when working with tables, such as: defining columns and headers various cell formats (text, numbers, check boxes) resizing filtering dynamic growing styling In this two-part series, you will learn about… Continue reading Working With Tables in React, Part One

React.isValidElement

Knowing what input type you’ve received is hugely important in JavaScript, which is a big reason for Flow and TypeScript’s rise. One such case where it’s useful to know what an object represents is if the input is a string or a React element. To detect if an object is a React element, you can… Continue reading React.isValidElement

Using Redux in a React Native App

Redux is a library for state management that ensures that the application logic is well-organized and that apps work as expected. Redux makes it easy to understand your application’s code regarding when, where, why, and how the state of the application is updated. Redux is made up of the following key parts: actions reducers store… Continue reading Using Redux in a React Native App

Accessible Routing in JavaScript Frameworks

Lost in Transition In my role as a Developer Consultant with Deque, I get asked a variety of questions on how to implement and fix technical accessibility issues. One topic that always seems to be at the forefront of everything else that developers have asked is ‘How do I manage focus in my JavaScript framework?’.… Continue reading Accessible Routing in JavaScript Frameworks

Exciting New Tools for Designers, July 2020

Some of the changes we are seeing with where we work are starting to pop up in the type of new tools made for designers and developers. More tools with remote collaboration as a key feature are increasing in popularity. (You’ll find a few of those here.) Here’s what new for designers this month. Webdesign… Continue reading Exciting New Tools for Designers, July 2020

A Guide to Accessible Interactive Components using React Libraries

May 29, 2020 Content Warning: This blog post contains gifs. I’ve wanted to write this blog post ever since I wrote a11y and JS – A Seemingly Unconventional Romance. I love JavaScript, and my job is to code in React. I often observe folks (rightly) critique that React Apps are inaccessible. According to the WebAIM… Continue reading A Guide to Accessible Interactive Components using React Libraries

React v16.13.0 – React Blog

Today we are releasing React 16.13.0. It contains bugfixes and new deprecation warnings to help prepare for a future major release. New Warnings Warnings for some updates during render A React component should not cause side effects in other components during rendering. It is supported to call setState during render, but only for the same… Continue reading React v16.13.0 – React Blog

Exciting New Tools for Designers, February 2020

Are you starting 2020 off on the right foot? How about keeping up with those resolutions to learn or try something new? Either way, you’re in luck. This roundup is packed with new tools to help you through projects or learn new tricks to enhance your skillset. Here’s what’s new for designers this month. Calcolor… Continue reading Exciting New Tools for Designers, February 2020

Popular Design News of the Week: December 23, 2019 – December 29, 2019

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular Design News of the Week: December 23, 2019 – December 29, 2019

Exciting New Tools for Designers, December 2019

As you are shopping this month for others, why not find a few goodies for yourself? Our roundup of new tools and resources is packed with usable items. And most are free, so there’s no shame in trying out something for yourself. Here’s what’s new for designers this month. CSS Background Generator CSS Background Generator… Continue reading Exciting New Tools for Designers, December 2019

Faster Web Apps With the Svelte Framework (New Course)

Svelte is a new approach to building user interfaces. Learn to build user interfaces more efficiently in our new course, Faster Web Apps With the Svelte Framework. What You’ll Learn Traditional frameworks like React and Vue do the bulk of their work in the browser, but Svelte shifts that work to build-time and drastically improves… Continue reading Faster Web Apps With the Svelte Framework (New Course)

10 Best Mobile Apps for Learning to Code

What’s even better is that you don’t have to spend years mastering programming either. Thanks to numerous coding apps available for both Android and iOS devices, you can easily level up your coding skills even when you’re on the go. In this post, we’ve rounded up the best coding apps that will help you learn… Continue reading 10 Best Mobile Apps for Learning to Code

Using the New WordPress Default Theme

Twenty Nineteen is the latest WordPress default theme currently available and was included with the WordPress 5.0 release. It’s already proving pretty popular with over 800,000 active installations to date. It’s also also available to WordPress.com users too which bumps up the user base even more. It’s described as a minimal and non-generic theme with simple but sophisticated… Continue reading Using the New WordPress Default Theme

New Course: Practical React Fundamentals

If you want to build dynamic single-page applications quickly and easily, React is a wonderful solution. Learn how to use it—while building your own React app from scratch—in our comprehensive new course, Practical React Fundamentals. What You’ll Learn Millions of developers all over the world are beginning to see the power and ease with which… Continue reading New Course: Practical React Fundamentals