hostmonster-Host Unlimited Domains on 1 Account   coolhandle offering reliable webhosting since 2001
Unlimited Hosting Space - FREE Site Builder   Smart Website Solutions for Your Small Business=

Web Development Reading List #154: Yarn, Deep-Fried Data, And A Guide To Stateful Components

Web Development Reading List #154: Yarn, Deep-Fried Data, And A Guide To Stateful Components

With new frameworks and libraries emerging, the tools we have at hand are constantly changing. But it’s not only our toolkit but also the way we write code that constantly evolves — new CSS conventions are developed all the time and the best practices to write JavaScript change at least every year.

But then again, we have to remind ourselves that we shouldn’t immediately jump to a new tool just because it’s available, to not rewrite the whole code of a project just because conventions have changed. No project will stop working because you’re using OOCSS instead of ITCSS or Backbone.js instead of React.js. If the project is an ongoing process and will be developed and maintained for another few years, you should evaluate to change tools from time to time, of course. But take your time. Better evaluate first, then reconsider, before you immediately jump on a train from which you don’t know where it’s heading.

News Link

  • With Chrome 54 now available1, we get a couple of new features: the new Custom Elements specification is among them, just like the BroadcastChannel API. Also, initTouchEvent has been replaced by new TouchEvent(), KeyEvent.keyIdentifier by KeyboardEvent.key. So please update your code if you use any of these.

General Link

Tools Workflows Link

  • This week, the Yarn npm client3 was published. It’s an open-source project that builds on top of npm’s registry, replacing the default npm client with a faster, more reliable client. But before you hop on the new train, consider that some features like custom registries and private packages are still missing and that the concept of locking down dependencies is fundamentally different to bower’s or npm’s principles of dependency management. Therefore you should try it out and read the concept before using it in your projects.
A cat in a rocket — the mascot of Yarn4
Speed is one of the strengths of the new and open-source npm client Yarn65. (Image credit: Yarn65)

Privacy Link

  • Maciej Ceglowski has given quite a lot of great talks already. At the Library of Congress he recently spoke about “deep-fried data7,” and the transcript really is worth a read if you’re interested in machine learning, data gardening, archiving data and the responsible use of it.
  • Stoyan Stefanov explains why using autocomplete fields in forms is great for some fields but can easily lead to data oversharing8 when used on fields that aren’t required.

Accessibility Link

Resend email link11
Jordan Scales shares the accessibility gotchas12 that popped up while developing this seemingly trivial “Resend email” link. (Image credit: Jordan Scales13)

JavaScript Link

Work Life Link

  • Mind The Work18” is a great piece by Mercedes De Luca about how we tend to judge colleagues based on false assumptions and why and how we should seek to better understand them and their actions.

And with that, I’ll close for this week. If you like what I write each week, please support me with a donation19 or share this resource with other people. You can learn more about the costs of the project here20. It’s available via email, RSS, and online.

— Anselm

Footnotes Link

  1. 1 https://googlechromereleases.blogspot.de/2016/10/stable-channel-update-for-desktop.html
  2. 2 http://blog.reybango.com/2016/10/07/you-cant-get-comfortable-in-web-development-anymore/
  3. 3 https://yarnpkg.com/
  4. 4 https://yarnpkg.com/
  5. 5 https://yarnpkg.com/
  6. 6 https://yarnpkg.com/
  7. 7 http://idlewords.com/talks/deep_fried_data.htm
  8. 8 http://www.phpied.com/oversharing-with-the-browsers-autofill/
  9. 9 https://www.paciellogroup.com/blog/2016/10/a-not-so-short-note-on-aria-to-the-rescue/
  10. 10 https://medium.com/@jdan/dynamic-links-and-focus-958a99099763#.i6o25l4o9
  11. 11 https://medium.com/@jdan/dynamic-links-and-focus-958a99099763#.i6o25l4o9
  12. 12 https://medium.com/@jdan/dynamic-links-and-focus-958a99099763#.i6o25l4o9
  13. 13 https://medium.com/@jdan/dynamic-links-and-focus-958a99099763#.i6o25l4o9
  14. 14 https://medium.com/@daviddentoom/angular-2-lazy-loading-with-webpack-d25fe71c29c1
  15. 15 https://robinosborne.co.uk/2016/05/16/lazy-loading-images-dont-rely-on-javascript/
  16. 16 https://remysharp.com/2016/10/10/one-devtools-trick
  17. 17 https://toddmotto.com/stateful-stateless-components
  18. 18 https://m.signalvnoise.com/show-up-mind-the-work-2c3e9dcc3979
  19. 19 https://wdrl.info/donate
  20. 20 https://wdrl.info/costs/
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top

Tweet itShare on Facebook

Article source: https://www.smashingmagazine.com/2016/10/web-development-reading-list-154/

Tags:


Submit a Review




If you want a picture to show with your review, go get a Gravatar.

1&1 has shared hosting and dedicated hosting solutions for every budget and free domains with all hosting packages!  StartLogic - Affordable hosting: Free setup/domain, unlimited emails, PHP, mySQL, CGI, FrontPage. As low as $3.95/month
Cloud ecommerce platform delivers more traffic, higher conversion and unmatched performance

© Copyright 2008 Tyconia International, Inc. All Rights Reserved.