10 React Challenges (Beginner): Render Props
14.6.2019
Render Props allows React components to share reusable or customizable interfaces as functions through props.
In this react challenge, we will render 3 different cards with a single card com
10 React Challenges (Beginner): Use Context to Pass Data
14.6.2019
Data in React applications is usually passed to components, via props. By using props, data is sent from parent to child components.
Passing da
WDRL — Edition 267: Econom(log)ical Limits of Work, Privacy Wilderness and UX for Tech Diets.
14.6.2019
Hey,
I see a lot of people struggle with their jobs, how to keep up to date, how to find purpose in what you do, how to earn money while staying within your ethical constraints. This all can be overwhelming and it happens to me regularly, too. I’m struggling to find projects I want to work on that...
Collective #524
13.6.2019
The Layout Instability API * Write HTML Like It's 1999 * JavaScript questions * Pika CDN * The Economics of Open Source
Collective #524 was written by Pedro Botelho and published on Codrops
React Starter: The Many Ways to Return JSX
13.6.2019
JSX is a great tool because it has so much flexibility. There are many ways to achieve the same thing. For this reason, it can be confusing for new developers when they see different tactics for de
Drawing Realistic Clouds with SVG and CSS
13.6.2019
Greek mythology tells the story of Zeus creating the cloud nymph, Nephele. Like other Greek myths, this tale gets pretty bizarre and X-rated. Here’s a very abridged, polite version.
Nephele, we are told, was created by Zeus in the image of his own beautiful wife. A mortal meets Nephele, falls...
A11Y with Lindsey
13.6.2019
Lindsey Kopacz has a wonderful blog about accessibility. I've seen a number of her articles making the rounds lately and I was like, dang I better make sure I'm subscribed. For example:
An Introduction to ARIA States
3 Simple Tips to Improve Keyboard Accessibility
Create custom keyboard accessible...
10 Interesting JavaScript and CSS Libraries for June 2019
13.6.2019
Our favorite libraries, frameworks, and open-source projects for June 2019
Grid, content re-ordering and accessibility
13.6.2019
Take this:
<ol>
<li>Get hungry</li>
<li>Order pizza</li>
<li>Eat pizza</li>
</ol>
That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually...
Using Cypress to Write Tests for a React Application
12.6.2019
End-to-end tests are written to assert the flow of an application from start to finish. Instead of handling the tests yourself — you know, manually clicking all over the application — you can write a test that runs as you build the application. That’s what we call continuous integration and it’s...
Why I'm Switching to YouTube from Twitch for Live-Coding
12.6.2019
A few months ago, I started live-coding and streaming on Twitch. It was an experiment to get closer to the community and give back to let people see my c
Detect Responsive Screen Sizes in Angular
12.6.2019
Most of the time, we use CSS media queries to handle responsive, screen size changes to layout our content differently. However, there are times where CSS media queries alone isn't sufficient for t