DEV Community

Cover image for James Webb Image Gallery
Matt Ryan
Matt Ryan

Posted on

3

James Webb Image Gallery

What I Built

For the Netlify Challenge, I decided to use my limited time to submit a Visual Feast.

I decided to make a simple gallery with React for some of my favorite images from the James Webb Telescope.

I acquired the images from the official James Webb Flickr page.

Demo

Here is my demo:

https://james-webb-gallery.netlify.app/

Top comments (4)

Collapse
 
philiphow profile image
Philip How β€’

Great work Matt. I love these images.

Collapse
 
mattryanmtl profile image
Matt Ryan β€’

Thank you.

I wish I had more time to achieve what I had envisioned. I wanted a more dynamic gallery instead of a simple boilerplate, and the images served from api, and some other stuff. Alas, work got in the way.

Collapse
 
patrickmonteiro profile image
Patrick Monteiro β€’

πŸ‘€

Collapse
 
elanatframework profile image
Elanat Framework β€’

it's fine

Why are you using React?
Why didn't you code directly with JavaScript?

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!