Alex Vai

175 Flips | 4 Magazines | 38 Likes | 3 Followers | @alexvai | Keep up with Alex Vai on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Alex Vai”

Testing React Apps with Cypress – Bits and Pieces

A brief guide on how to run End-To-End testing on React apps with Cypress.<p>When I was a junior dev I used to cringe at the thought of testing my apps. …

JavaScript

6 Clever SVG Pattern Generators for Your Next Design

Today I want to touch on SVG Patterns. They're not widely understood, but offer a lot of really interesting design options once you get your head …

Anyway, this is why I prefer Vue over React

<b>STOP!</b> Wait a minute before screaming, yelling and insulting me in the comments haha.<p>“Yet another article comparing frameworks / libraries” — yes it …

JavaScript

Recursive Loop in Redux Reducer to check integrity of local Storage

When we would add nested Settings inside of our local storage object, users were getting errors that were pointing to our MapStateToProps, the keys …

JavaScript

#159: Learning Vue | CSS-Tricks

Sarah Drasner and I dig into Vue! Vue is a very popular JavaScript framework that is absolutely exploding. Sarah is on the core team and is about the …

JavaScript

How-to Build Your Own React Boilerplate

So you’ve learned some React and built a few things. You’ve probably used create-react-app or react-slingshot to get off the ground quickly with …

JavaScript

Weekly most popular JS repositories. The grass is green

Read about the latest weekly most popular JS repositories. The grass is green and so nice sit on! With these all open source projects, you can …

JavaScript

JSX can do that?

First I’m going to explain how JSX works and then use it in “unusual” ways. If you know how JSX works you can skip the first part. If you are here to …

JavaScript

Containerizing Node.js Applications with Docker

Application containers have emerged as a powerful tool in modern software development. Lighter and more resource efficient than traditional virtual …

DevOps

How to build a news app with JavaScript and React Native

Requirements for building the app:<p>If you’re not familiar with these resources, don’t worry — they are quite easy to use.<p>The topics we will cover in …

Software Engineering

What I'd like to hear from an experienced developer when I was a beginner

When we are just students, getting our first jobs, a lot of questions come to mind:<p>Such questions are normal and healthy at that time. We have to …

Programming

Building forms using React — everything you need to know

Forms are integral to any modern application. They serve as a basic medium for users to interact with your app. Developers rely on forms for …

JavaScript

Cleaning up your API Requests Using ES2017’s Async/Await and Fetch

Chances are if you are building a JavaScript application, you are probably retrieving data from some API, and if you are, it’s probably also common …

JavaScript

Practice GraphQL

Learn GraphQL by querying a schema based on JSON data<p>Here is how it works:<p>Enter any JSON data into the tab<br>• See the generated schema in the tab<br>• Query …

JavaScript

New Pluralsight Course: JavaScript Security Play by Play

Ah JavaScript, the answer to - and cause of - all our problems on the web today! Just kidding, jQuery has solved all our JS problems now...<p>But …

JavaScript

Reddit's List of the Most Disturbing Movies of All Time Will Freak You the F*ck Out

On Tuesday, Reddit user Ladyberries posed an interesting question for other people on the site: "What are movies that genuinely disturbed you that don't have rape, violence, cannibalism, or gross images?" Sure, it's easy to get scares out of audiences when blood is being splashed all over the …

Horror

The Pros and Cons of Dating Each Myers-Briggs Personality Type

Look, I’m not here to tell you who to date.<p>Attraction is an incredibly subjective matter. What entices one person bores another. What repulses you …

Relationships

You Don’t Need Redux, MobX, RxJS, Cerebral

For state management, try this simple pattern instead of a library<p>Don’t get me wrong. Those libraries are great. But I’m suggesting a different, …

JavaScript

Understanding React — React 16.3 + Component life-cycle

The release of 16.3 introduced some new life-cycle functions, which replace existing ones to provide better support for the new asynchronous nature …

JavaScript

How to master advanced React design patterns: Render Props

In Part 1 of this series we discussed how we could use compound components and static class properties to enable us to produce a readable and …

44 Sites Where You Can Get Fabulous Free Photos

Whether you are blogging, writing articles, or designing a cover for your book, there is nothing that attracts readers more than a fetching image. …

Web Design

A Salvattore or jQuery Masonry alternative without CSS-driven configuration or absolute positioning

Features<p><b>Requirements:</b> Savvior relies on window.matchMedia and enquire.js;• <b><br>Easy to integrate:</b> No automatic execution, init the script when YOU think it …

Understanding Recursion · Issue #9 · n0ruSh/the-art-of-reading

Join GitHub today<p>GitHub is home to over 20 million developers working together to host and review code, manage projects, and build software …

React Native Tutorial - Build a Complete Stopwatch App in 60 Minutes

Vue Design System

Vue Design System is a set of organized tools, patterns, and practices that work as the foundation for Vue.js application development. What initially …

UX Design

Create a fancy burger menu using reactjs-popup

This article is a step by step tutorial to create a simple burger menu for your website by using reactjs-popup<p>Reactjs-popup is a new and simple react …

How To Build A Skin For Your Web App With React And WordPress

So you’ve trained yourself as a web engineer, and now want to build a blazing fast online shop for your customers. The product list should appear in …

JavaScript

10 Best Laravel helpers to consider using

Laravel includes a variety of global helper functions. There are a ton of helper functions included with laravel that you can use to make your …