Fredrik’s front-end quick read #7

Learn React in 10 tweets, 127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less, Webhint has found it’s way into Firefox DevTools, active consent is needed for tracking cookies and CSS Grid changes how we can think about document structures.

1. Learn React in 10 tweets (with hooks)

Title says it all. Get a good overview of React in these 10 tweets.


2. 127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less

Here’s a list of 127 beneficial snippets that you can learn and use immediately. This is the first in a six-part series(!). Simple and elegant solutions to common problems.

https://link.medium.com/N96Tr6WYy0


3. WebHint in Firefox DevTools: Improve Compatibility, Accessibility and more

This excellent tool provides feedback about your site’s compatibility, performance, security, and accessibility. It’s now available in Firefox as an add-on.

https://link.medium.com/N96Tr6WYy0


4. Europe’s top court says active consent is needed for tracking cookies

The ruling notes that pre-checked consent boxes for dropping cookies are not legally valid and that consent must be obtained prior to storing or accessing non-essential cookies, such as tracking cookies for targeted advertising.

https://link.medium.com/N96Tr6WYy0


5. How CSS Grid changes the way we think about structuring our content

A look at how the “extra layer of control” that Grid offers helps simplify your markup and lets us write less code.

https://link.medium.com/N96Tr6WYy0

Another example is this article in which Mustapha Aouas shows how to use CSS grid to build various layouts.


Thank you for reading and happy coding! ❤️

/Fredrik Ward, Senior front-end developer @ Bouvet and co-creator of Sketch2React

Leave a Reply