React Form Validation With Formik And Yup
Mon, 12 Oct 2020 10:30:00 GMT
Forms are an integral part of how users interact with our websites and web applications. Validating the data the user passes through the form is a critical aspect of our jobs as web developers. However, it doesn’t have to be a pain-staking process. In this article, we’ll learn how Formik handles the state of the form data, validates the data, and handles form submission.
Design Shopping: Get A Faster Client Buy-In Through A Guided Design Showcase
Tue, 13 Oct 2020 10:30:00 GMT
How can you convince your clients to make a faster (and easier) buy-in? With the help of a guided design exercise, Kelly Schummer explains how the *Design Shopping* workflow can help guide you throughout the design phases.
Build And Deploy An Angular Form With Netlify Forms And Edge
Wed, 14 Oct 2020 12:30:00 GMT
Netlify Forms is a form handling feature that receives submissions from HTML forms automatically. In this article, we’ll cover how to use it with Angular reactive forms and how to deploy the finished app on Netlify’s hosting platform, Netlify Edge.
Managing Long-Running Tasks In A React App With Web Workers
Thu, 15 Oct 2020 11:00:00 GMT
In this tutorial, we’re going to learn how to use the Web Worker API to manage time-consuming and UI-blocking tasks in a JavaScript app by building a sample web app that leverages Web Workers.
Supercharge Testing React Applications With Wallaby.js
Fri, 16 Oct 2020 09:30:00 GMT
Ever had to switch your focus from your editor and to your terminal to see the results of your tests? This article will introduce you to Wallaby.js — a JavaScript productivity tool that supercharges your IDE by allowing you to get real-time feedback on your JavaScript tests in your code editor even before saving the file. You will also learn how to use Wallaby.js for testing React applications.
A Monthly Update With New Guides And Community Resources
Fri, 16 Oct 2020 14:30:00 GMT
It’s time for another monthly update! Join us as we share the latest news and highlight the things we have enjoyed reading over the past month.
Handling Continuous Integration And Delivery With GitHub Actions
Mon, 19 Oct 2020 13:45:00 GMT
In this article, Aleem Isiaka explains how you can deploy a basic NodeJS application to Heroku, automate and schedule a deployment to run at certain intervals of the day, and use other actions from the Github Actions community.
Smashing Podcast Episode 27 With Stefan Baumgartner: What Is TypeScript?
Tue, 20 Oct 2020 05:00:00 GMT
We’re talking about TypeScript. What is it, and how can it help us write better JavaScript? Drew McLellan talks to expert Stefan Baumgartner to find out.
Speed Up Your Workflow With Figma Plugins
Wed, 21 Oct 2020 09:00:00 GMT
There are hundreds of Figma plugins available as of today, yet the Figma plugin search functionality is pretty basic and at times it can be very difficult to find the right plugin for a certain task. This article will take an in-depth look at several plugins that can speed up your design workflow.
Smashing Giveaway: Join Smashing Newsletter and Win Smashing Prizes
Wed, 21 Oct 2020 14:00:00 GMT
SmashingMag is running a lil’ giveaway among its Smashing newsletter subscribers until Tuesday, Oct. 27, with some exciting goodies to win. Make sure to join in and good luck!
Getting Started With Next.js
Thu, 22 Oct 2020 11:00:00 GMT
Next.js is a React framework that is bound to ease your life as a React developer by abstracting away the common and redundant tasks (such as routing) into relatively simpler and powerful APIs. That way, you can focus on writing your apps instead of reinventing the wheel.
How To Overcome Data Onboarding Challenges For Software Products
Fri, 23 Oct 2020 18:00:00 GMT
Data onboarding with a custom-built solution can be a difficult and error-prone process. This article takes a closer look at how Flatfile Concierge deals with this particular problem.
Introducing Framer Motion
Mon, 26 Oct 2020 14:00:00 GMT
Animations, when done right, are powerful. However, creating eye-catching animations with CSS can be tricky. In comes Framer Motion. With Framer Motion, you don’t need to be a CSS expert to make beautiful animations. Framer Motion provides us with production-ready animations and a low-level API we can interact with to integrate these animations into our applications.
Authentication In Vue.js
Tue, 27 Oct 2020 14:30:00 GMT
This article is aimed at beginner developers who want to learn about authentication in Vue. In order to be able to follow along, you’ll need to have a good knowledge of Vue and Vuex.
How We Run Online Workshops
Wed, 28 Oct 2020 16:00:00 GMT
In this article, CEO and co-founder Vitaly Friedman shares how Smashing runs online workshops and online conferences these days, and the lessons learned along the way.
How To Build A GraphQL Server Using Next.js API Routes
Thu, 29 Oct 2020 11:00:00 GMT
This guide will teach you the basics of Next.js API Routes. We will start by explaining what they are and why API Routes are useful compared to REST or GraphQL APIs. Then, we will guide you through a step by step tutorial on how to build your very first GraphQL server with Next.js and the Github API.
The Principles Of Visual Communication
Fri, 30 Oct 2020 11:00:00 GMT
We’re taught to communicate with words. We write essays, prepare speeches, and take written notes. But words aren’t always the best option for conveying information and ideas. Sometimes the best way to tell stories is through thoughtfully crafted visuals, not long paragraphs of text.
Be Kind, Be Curious (November 2020 Wallpapers Edition)
Sat, 31 Oct 2020 08:00:00 GMT
Give your desktop a makeover with this new collection of wallpapers. Designed by the community for the community, the wallpapers come in versions with and without a calendar for November 2020.
Native CSS Masonry Layout In CSS Grid
Mon, 02 Nov 2020 12:00:00 GMT
There is now a specification for native CSS masonry layout, as part of the Grid Layout spec. In this article, Rachel Andrew explains how it works with the help of a couple of demos you can try out in Firefox Nightly.
Smashing Podcast Episode 28 With David Darnes: What Is Eleventy?
Tue, 03 Nov 2020 05:00:00 GMT
We’re talking about Eleventy. What is it and how does it fit into your Jamstack workflow? Drew McLellan talks to David Darnes to find out.