0. The past, present, and future of JavaScript
Links, Tips, and Picks
Lin Clark
@linclark
Tips
- Dead code elimination (in Webpack)
Picks
- Dan Abramov's Redux videos on egghead.io
- Ancillary Justice
Iheanyi Ekechukwu
@kwuchu
No links, tips, or picks this week
Tyler McGinnis
@tylermcginnis33
Tips
- Find people smarter than you and copy what they do.
Picks
Brian Lonsdorf
@drboolean
Tips
- Try elm and wait for the video from this
Kent C. Dodds
@kentcdodds
Tips
- Learn JavaScript with MDN
Picks
- plop
- Christmas Lights
- Forward Web Summit
Dan Abramov
@dan_abramov
No links, tips, or picks this week
1. Learning and Developing JavaScript
Links, Tips, and Picks
Ashley G. Williams
@ag_dubs
Links
Tips
- Investigate the programming languages you use as tools
- Learn about different programming paradigms and translate side projects into them
Kyle Simpson
@getify
Tips
- Give yourself deadlines to learn stuff (talk to give or blog to post)
- Unplug and sharpen the ax
Kent C. Dodds
@kentcdodds
Tips
- Contribute to Open Source (What open source project should I contribute to?)
Picks
Lin Clark
@linclark
Tips
- ESLint use it! To start using it on large codebases, add all files to
.eslintignoreand then tackle files one by one. This cuts down on the number of collisions with other PRs. Look for additional plugins, like the React ESLint plugin, and you can create your own
Picks
- Async & Performance (plus the whole YDKJS series)
- Understanding ES6
Brian Lonsdorf
@drboolean
Tips
- Start procedural => Learn OO => Learn FP
2. Babel, the JavaScript Compiler
Links, Tips, and Picks
Amjad Masad
@amasad
Links
Tips
- Use interface-like design and dependency injection for testing
- Promises / async functions
Logan Smyth
@loganfsmyth
Tips
- Join us on the Babel Slack
Pam Selle
@pamasaur
Tips
- Take some time to reflect on the past year/2015, Jessica Paoli recently published hers.
Picks
Kent C. Dodds
@kentcdodds
Tips
- Create dev tools for your work project.
- Look into babel loose mode
3. Functional and Immutable Design Patterns in JavaScript
Links, Tips, and Picks
Brian Lonsdorf
@drboolean
Tips
- Watch Dan's Redux videos
- Experiment with ramda, immutable.js, and the Maybe Functor
- If you want to read the white papers, checkout The Haskell Road to Logic, Maths and Programming
Picks
- ForwardJS Feb 10th @Regency Ballroom SF
Dan Abramov
@dan_abramov
Picks
- A General Theory of Reactivity
- The Future of JavaScript MVC Frameworks
- [Programming in the 21st Century] (http://prog21.dadgum.com/archives.html)
- Redux Saga
Lin Clark
@linclark
Tips
- When running git checkout, using '-' as the argument (git checkout -) takes you back to the branch you were last on
- hub makes it easier to work with github on the command line. Tab completion is especially helpful
- fetch all PRs if you do a lot of PR reviews, this can be really helpful. It downloads all new PRs as branches whenever you fetch
Kent C. Dodds
@kentcdodds
Tips
- Try a standing desk
Kyle Simpson
@getify
Tips
- Rediscover devtools in Firefox, you’ll be pleasantly surprised -- specifically WebIDE/Valence and CSS Transforms Previewer
Picks
- JavaScript Allongé (book) by @raganwald
- Kris Jenkins’ blog posts on FP: [Part 1] (http://blog.jenkster.com/2015/12/what-is-functional-programming.html), [Part 2] (http://blog.jenkster.com/2015/12/which-programming-languages-are-functional.html)
- The FP side of async programming
- Concurrency’s future on the web
4. Unit Testing JavaScript
Links, Tips, and Picks
Ward Bell
@wardbell
Tips
- Avoid seeing Star Wars
- Think of tests as a feature
Christian Johansen
@cjno
Tips
- Learn about Functional Programming
- Learn about loose coupling
Joe Eames
@josepheames
Tips
- Learn to TDD and do it for a year
Kent C. Dodds
@kentcdodds
Tips
- Test your code
- Try out AVA
Tyler McGinnis
@tylermcginnis33
Tips
- console.time & console.timeEnd
Picks
- Egghead Redux Series Notes
- [The Revolution of Pure Views] (https://medium.com/@puppybits/the-revolution-of-pure-views-aed339db7da4#.ku57c7wxr)
Kyle Simpson
@getify
Tips
- When building a complex thing with parts that are unknown, focus first on mini prototypes of each of those unknowns.
- Mentoring / coaching is essential to learning. Self-driven learning is good but only goes part of the way.
Brian Lonsdorf
@drboolean
Tips
- Use as many pure functions as possible. Easier to test.
- Test at the highest level possible to get coverage and flexibility on implementation
5. Firefox DevTools, React, and Redux
Links, Tips, and Picks
Matt Zabriskie
@mzabriskie
No links, tips, or picks this week
Kent C. Dodds
@kentcdodds
Tips
- Watch your analytics. Encourage your customers to get off an unsupported, insecure browser >IE11
Kyle Simpson
@getify
Tips
- use “palm pads” to support your wrists while using laptop keyboards (like these)
6. Introducing the JavaScript Air Panel
Links, Tips, and Picks
Lin Clark
@linclark
Tips
- Learn keyboard commands for your favorite web apps like Gmail. Flash cards can be really helpful for this. Brainscape has a few different decks.
Iheanyi Ekechukwu
@kwuchu
Links
Picks
- Ember-CLI 101 - Really good book for getting started with learning Ember!
Kyle Simpson
@getify
Links
- You Don’t Know JS book series
- MakerSquare
- Frontend Masters
- ForwardJS Workshops
- ForwardJS free webinar: “Blocking Across The Wire” Tue Jan 25, 12pm CST
- FluentConf Workshops
- asynquence
- A Tale Of Three Lists The “TodoMVC” of async programming
Tips
- Pair program with a friend on a couch.
Picks
- RTC Everywhere P2P cross-platform
- ChakraCore in Node.js
- Brave Browser by @BrendanEich
Kent C. Dodds
@kentcdodds
Links
- My Talks and Workshops
- My Egghead lessons
- My Blog
- My AMA and my answer to what's your favorite/most-effective learning method?
- First Timers Only - My original blogpost about the concept
Tips
- Take chances, make mistakes, and get messy! -Miss Frizzle, Magic School Bus
Picks
- Babel Service by Gleb Bahmutov
- The Magic School Bus (warning! Video auto-plays)
7. Chakra, Microsoft's Open Source JavaScript Engine
Links, Tips, and Picks
Steve Lucco
Tips
- Use the web programming model for as much as we can
Picks
Ed Maurer
Tips
- Check out TypeScript
Picks
Gaurav Seth
@gauravseth
Tips
- We’re new to open source, but we’d love to hear your feedback (ChakraCore)!
Kent C. Dodds
@kentcdodds
Tips
- Get involved open source
8. JavaScript Debugging
Links, Tips, and Picks
Yunong Xiao
@yunongx
Links
Tips
Alex Liu
@stinkydofu
Tips
- Always think about Errors and error handling as part of the design and spec from day one
- Understand the abstractions you use, especially when it comes to Errors
Picks
- VError
- bunyan
- restify-errors
- Overheard - VS Code debugger is great
Todd Gardner
@toddhgardner
Picks
- JavaScript Error Monitoring
- JavaScript Forensics Talk
- Amazing Conference in Oslo
- Afterparty conference
- Author: Ken Follett. Pillars of the Earth and a World Without End
- Conference Satire
Kent C. Dodds
@kentcdodds
Links
- Async checkbox in Chrome DevTools
- Managing Memore Garbage Collection in NodeJS - Egghead.io lesson
Tips
- Teach to learn. Force yourself to teach.
Picks
- What’s new in Webpack 2
- Debugging JavaScript (Chrome DevTools)
Kyle Simpson
@getify
Tips
- Chrome CPU Throttling
- OSS your code early. Don’t wait until “it’s good enough for others”, because then you’ve waited too long. OSS is about collaboration and improvement, not promotion of already-finished code.
- Start with libraries and frameworks as you rapidly develop/evolve/explore a project. But as it matures, try to build time in for refactoring to reduce/remove those pieces. You don’t need them permanently. The best code is the code that’s exactly what’s needed, no more, no less.
Picks
- About the new ‘createImageBitmap(..)’ API and also ‘requestIdleCallback(..)’
- Chris & Getify Make A Game (part 1) tutorial on simple
- Cloud Sweeper my first
Brian Lonsdorf
@drboolean
Tips
- Algebraic data structures like Either, Task, and Maybe ensure we handle all errors. The errors are pushed to the caller where it’s easy to see.
- In node, you can overwrite Obj.prototype.inspect to display a custom string when console.log-ing.
- Learn to use debugger; in the browser.
9. JavaScript Forward: ES6 and ES7
Links, Tips, and Picks
Kassandra Perch
@nodebotanist
No links, tips, or picks this week
Allen Wirfs-Brock
@awbjs
No links, tips, or picks this week
Kyle Simpson
@getify
No links, tips, or picks this week
Kent C. Dodds
@kentcdodds
No links, tips, or picks this week
Tyler McGinnis
@tylermcginnis33
No links, tips, or picks this week
Brian Lonsdorf
@drboolean
No links, tips, or picks this week
10. ESLint
Links, Tips, and Picks
Feross Aboukhadijeh
@feross
Links
Picks
- standard-format - Formats your code to
standardstyle - why-is-node-running - Node is running but you don't know why?
- available - Find available npm package names – this is how the name “standard” was found!
Kent C. Dodds
@kentcdodds
Tips
- Add
validatescript to your npm scripts
11. Live at React Conf
12. Lodash & Open Source
Links, Tips, and Picks
John-David Dalton
@jdalton
Tips
- Explore internals of a library/framework
Kent C. Dodds
@kentcdodds
Tips
- Do open source
Picks
- ReactJS Program
- Healthy Open Source
- All Contributors - ✨ Recognize all contributors, not just the ones who push code ✨
13. Live at Fluent Conf
14. End to End Testing
Links, Tips, and Picks
Julie Ralph
@somejulie
Picks
- GitHub is on a roll with new features - emoji support, better reviews
Kent C. Dodds
@kentcdodds
Links
- aXeCore - Marcy Sutton tweeted this during the show.
Tips
- Use all forms of testing
Pam Selle
@pamasaur
Picks
- peach-register to register your name on Peach without downloading the app
- Reading in general, but in particular: All the Light We Cannot See
Kyle Simpson
@getify
Tips
- Use TrueCaller app for your phone to cut down on spam calls
- Reserve your npm username as a package name -- they are separate!
Picks
- kentcdodds npm package
- getify npm package: hint this is NOT mine :*(
- Hactar the tool that builds every other tool for you.
Brian Lonsdorf
@drboolean
Tips
- If you use karma + mocha. Set the mocha timeout to 20+ seconds, wrap your assertion in a setTimeout and you’ll have time to inspect the screen and click around (if you’re not using a headless browser)
15. AVA: Futuristic test runner <span style="font-weight:normal">🚀</span>
Links, Tips, and Picks
James Talmage
@jamestalmage
Tips
- Small modules: generator-nm (a minimalist Yeoman generator)
Picks
- Check out XO (zero config linter)
- thetruesize.com - if you like maps.
- Bob Sutton - Strong Opinions Weekly Held
Vadim Demedes
@vdemedes
Tips
- Don’t over-complicate and always look for a simpler solution instead.
Picks
- All essays by Guillermo Rauch
- Give it five minutes by Jason Fried
Mark Wubben
@novemberborn
Links
Tips
- Publish smaller packages using the "files" option, test with "npm pack" and that tar command you always forget
Picks
- Node v6 soon!
16. JavaScript Frameworks: Vue.js
Links, Tips, and Picks
Evan You
@youyuxi
Tips
- Take a break from your project from time to time
Picks
Kent C. Dodds
@kentcdodds
Tips
- Build things to learn things
Picks
- Progressive JavaScript Air (demo video)
- repeat-todo Progressive Enhancement App
17. JavaScript Frameworks: Angular
Links, Tips, and Picks
Igor Minar
@IgorMinar
Links
Picks
Kent C. Dodds
@kentcdodds
Tips
- Don’t confine your sharing of knowledge to one-on-one! Make your conversations public. 📻 Make the world a better place 🌎
Picks
- PayPal, for being so awesome to let me do this podcast 👍
- Soft Skills Engineering episode 4: Should I build my “personal brand?”
Pam Selle
@pamasaur
Links
- RxJS 5 (https://github.com/ReactiveX/rxjs)
Tips
- Use f for fixup in git rebase rather than squash to merge smaller commits into a major one!
18. Reactive Programming in JavaScript
Links, Tips, and Picks
André Staltz
@andrestaltz
Links
- Someone mentioned the Epic Monadic Promises thread
Matthew Podwysocki
@mattpodwysocki
Picks
- React Native on the Universal Windows Platform
- thali project Node on mobile for P2P interaction
- Interactive Extensions for JavaScript
Ben Lesh
@BenLesh
Links
- Paul Taylor on github
Picks
- Go to the restaurant that Dan Abramov is at. (Redux Foodtruck?)
Kent C. Dodds
@kentcdodds
Tips
- If you’re feeling overwhelmed, make a Todo list and focus on one task at a time.
Picks
- aphrodite - It's inline styles, but they work!
- autocomplete-emojis Atom package
- Stuff that I use for recording egghead.io lessons
- Adam. He’s great <3
Brian Lonsdorf
@drboolean
Links
Tips
- Favor laziness since laziness can lead to better performance & extendability
- Try to compose single expressions which data flows through and, if you struggle, don’t “cheat”, but rather look for stream method alternatives - they are there. It will simplify the whole codebase.
- Normalization helps composability. I tend to wrap all my utilities in the same type of stream so that my application code works like legos. Wrapping is a pain, but those utilities tend not to change so it’s a one time thing.
Kyle Simpson
@getify
Links
- RxMarbles.com
- asynquence, specifically asynquence reactive sequences
Pam Selle
@pamasaur
Links
Picks
19. Internet of Things with JavaScript
Links, Tips, and Picks
Andy Carle
@PrototypingAndy
Picks
- Chvrches
- BLE Hacking (Bluetooth Low Energy)
Kristina Durivage
@gelicia
Picks
- Suz Hinton’s (cat filled!) presentation on how javascript runs on hardware https://vimeo.com/129003513
- Coming after 4/22 - A tutorial on making a simple IOT device with particle http://portfolio.gelicia.com/connecting-the-internet-with-the-thing-on-the-particle-platform/
20. JavaScript Frameworks: Ember
Links, Tips, and Picks
Gavin Joyce
@gavinjoyce
Tips
- "It's not not done until it ships" is from a time when shipping software meant CDs in boxes. "Shipping is just the beginning" is better for modern software.
Matthew Beale
@mixonic
Links
Picks
- Ember-concurrency docs: http://ember-concurrency.com/#/docs
- Ember-concurrency blog post: https://medium.com/@machty/ember-concurrency-the-solution-to-so-many-problems-you-never-knew-you-had-cce6d7731ba9#.e6r0iv44u
- Ember-concurrency video: https://vimeo.com/162329769
- WickedGoodEmber, this summer in Boston: https://wickedgoodember.com/
Kent C. Dodds
@kentcdodds
Tips
- Thank at least one person every day out of the blue
21. On site at ng-conf
Links, Tips, and Picks
ng-conf
@ngconf
No links, tips, or picks this week
Kent C. Dodds
@kentcdodds
Links
- The Changlog episode 200: JavaScript and Robots with Raquel Vélez
- Healthy Open Source by Mikeal Rogers
- Open Source Stamina by me 😄
22. The Science of People in Tech
Links, Tips, and Picks
Kate Edwards
@IGDA_ED
Links
Tips
- Be aware that you - and everyone - has natural biases
Steve Andrews
@SteveAndrews
Tips
- Platinum Bay is hiring
Omoju Miller
@omojumiller
Tips
- Always ask why?
- Why do we get the results we have? Why is the sky blue? Never lose your curiosity
Picks
Kyle Simpson
@getify
Links
- A Speaker’s Notes talk from Fluent Conf ‘16 about making more room on the conference stage for more voices.
Tips
- Write code as if it was intended for kids to read and learn.
Picks
- Simplified JS Jargon
- Minimax Algorithm, aka how to have a computer beat/tie you at Tic-Tac-Toe
- MakerSquare opens new NYC campus
Kent C. Dodds
@kentcdodds
Tips
- Free your mind and use reminders
Picks
- You Can Sit With Us T-Shirt
- Erwan Datin created a JS Air app in React Native! Repo, iOS, Android
- Becoming Betazoid How to Listen and Empathize with Others in the Workplace – Joe Eames
23. Transitioning from REST to GraphQL
Links, Tips, and Picks
Steven Luscher
@steveluscher
Links
- Zero to GraphQL on GitHub (https://github.com/steveluscher/zero-to-graphql)
- Zero to GraphQL Video (https://www.youtube.com/watch?v=UBGzsb2UkeY)
- Wrapping a REST API in GraphQL blog post (http://graphql.org/blog/rest-api-graphql-wrapper/)
- Charles
- Apollo
- postgraphql
Tips
- When you arrive at an n-way stop at the same time as one or more vehicles, who should go first? Take your right hand, and point it to the right of you. If you’re pointing at nobody, it’s your turn to go!
Picks
Kent C. Dodds
@kentcdodds
Tips
- Colocate AMAR (as much as reasonable)
Picks
- LGTM
- Code Cartoons - A cartoon guide to Facebook’s Relay
- Aphrodite - CSS in JS done right
24. Progressive Web Apps
Links, Tips, and Picks
Ben Kelly
@wanderview
Tips
- Make sure you use waitUntil() for any async operations outside of respondWith(). Many examples will try to do things like cache resources after resolving the respondWith() promise without calling waitUntil(). The browser can kill the worker before these async operations complete. You may not see this in development, though, because the browser sometimes keeps the worker alive with devtools open.
Picks
Ada Rose Edwards
@lady_ada_king
Tips
- If you do 'network first' routes in the service worker, fallback set a timeout to wait for the response and if it fails respond with cached or fallback content. This keeps the app responsive when the device is "online" but no data is going anywhere this stops infinite loading spinners when connected to captive portals, or have low phone signal. I do 2-5s timeout usually.
Nolan Lawson
@nolanlawson
Links
- Jake's article on appcache
- Infographic on service worker
- Paul Lewis on CORS
- Ionic and PWAs
- Differences between PWAs and AppCache apps
- On URLs in Progressive Web Apps by Bruce Lawson
- The importance of URLs by Stuart Langridge
- Regressive Web Apps by Jeremy Keith
- Progressive Web Apps and the future of the Web (video) by Bruce Lawson
Tips
- Chrome Canary now has an “Application” tab showing PWA and storage information
- Chrome Canary has a “clear all storage” button (so handy!)
- sw-precache and sw-toolbox are awesome, see web-starter-kit for a full working app that uses them
Henrik Joreteg
@HenrikJoreteg
Links
Tips
- Sometimes it's just easier to disable registering SW in development. Just helps when you're trying to build/fix other parts of the site.
- It's very important to test your update process when deploying new versions of apps with SW. It's possible to “brick” a web app since if you successfully register a SW, then push an update that has a JS error that prevents your SW registration code from running. Pushing a new version won't fix it because it won't register the new SW and keeps serving the broken code from the previous SW.
- It's early to say this, but I think GraphQL will eventually replace REST as dominant http API approach for applications.
Kent C. Dodds
@kentcdodds
Links
- JavaScriptAir.com is a progressive web app!
Tips
- Avoid nesting your tests: Nested Unit Tests: An Anti-Pattern
25. (Rerun) Functional and Immutable Design Patterns in JavaScript
Links, Tips, and Picks
Dan Abramov
@dan_abramov
Picks
- A General Theory of Reactivity
- The Future of JavaScript MVC Frameworks
- [Programming in the 21st Century] (http://prog21.dadgum.com/archives.html)
- Redux Saga
Brian Lonsdorf
@drboolean
Tips
- Watch Dan's Redux videos
- Experiment with ramda, immutable.js, and the Maybe Functor
- If you want to read the white papers, checkout The Haskell Road to Logic, Maths and Programming
Picks
- ForwardJS Feb 10th @Regency Ballroom SF
Kyle Simpson
@getify
Tips
- Rediscover devtools in Firefox, you’ll be pleasantly surprised -- specifically WebIDE/Valence and CSS Transforms Previewer
Picks
- JavaScript Allongé (book) by @raganwald
- Kris Jenkins’ blog posts on FP: [Part 1] (http://blog.jenkster.com/2015/12/what-is-functional-programming.html), [Part 2] (http://blog.jenkster.com/2015/12/which-programming-languages-are-functional.html)
- The FP side of async programming
- Concurrency’s future on the web
Kent C. Dodds
@kentcdodds
Tips
- Try a standing desk
Lin Clark
@linclark
Tips
- When running git checkout, using '-' as the argument (git checkout -) takes you back to the branch you were last on
- hub makes it easier to work with github on the command line. Tab completion is especially helpful
- fetch all PRs if you do a lot of PR reviews, this can be really helpful. It downloads all new PRs as branches whenever you fetch
26. webpack: JavaScript bundler
Links, Tips, and Picks
Tobias Koppers
Tips
- Explicit dependencies
- Try Code Splitting
- Try webpack 2
- Tips in these slides
- webpack & caching
- Everything about webpack
- Don’t use boilerplates, but read them
- webpack examples
- Targeted Builds
- helper for building targeted build
Picks
Juho Vepsäläinen
@bebraw
Links
- webpack-merge - My merge tool to keep configuration simple (sharing common config!)
- webpack-validator - Validation of webpack configuration against a schema + checks against good practices.
- SurviveJS Webpack book - Free book on the topic.
Tips
- There is always something new to learn (esp. In frontend).
- Fundamentals > specifics.
Picks
- WebpackBin
- autojump - a faster way to navigate your filesystem
Sean T. Larkin
@thelarkinn
Links
- You Don’t Know JS An incredible resource by @getify for learning ES6 and Javascript. (Kyle Simpson)
- I was wrong about TypeScript and here’s why a great read on the immediate and incredible benefits of Typescript.
- Google Doc - Shameless self-promote, but really great intro to webpack.
- React Webpack Cookbook (now SurviveJS)
Tips
- When you are struggling on a problem, take two steps back and ask “What am I trying to accomplish. Is this the best avenue for the results.”
- Read the source code!!! Source code is the one true documentation. If you are ever curious about how something works, or what additional features there are, pop in the source code and start reading. Webpack’s source code has lots of hidden and cool features.
Picks
- Midwest Dev Chat Slack
- webpack-closure-compiler awesome alternative to using UglifyJSPlugin. +1 For Typescript Users with
Tscikle. - Webpack starter for those users of Angular, this is a nice full featured repo/boilerplate. Once you understand webpack, this repository is a must clone.
Johannes Ewald
@jhnnns
Links
- LearnYouAHaskell.com – Good resource for learning functional concepts with Haskell.
- html-webpack-plugin – Almost always a good idea when you’re also bundling CSS with webpack.
- ProvidePlugin – Solves many problems introduced by legacy scripts and implicit globals
- Healthy Open Source – A walkthrough of the Node.js Foundation’s base contribution policy
Tips
- Do not abstract/split your (webpack) configs. Copy&Paste can be a good thing.
- Learning a completely different programming language (like Haskell) “upgrades” your programmer brain :)
Picks
- Z.sh - jump around
- Watch Kent's videos about webpack (more coming soon), they are awesome! I did learn some cool stuff :)
Pam Selle
@pamasaur
Tips
- As hard as it is to focus on the basics, sometimes they’re super necessary to getting to the fun stuff!
Kent C. Dodds
@kentcdodds
Tips
- Follow me and egghead.io to know when my webpack cookbook course comes out. And follow Frontend Masters to know when to register for my webpack workshop!
- Migrating an App to ES6 with webpack workshop (video)
- Try to find babel plugins to do stuff you need before you use webpack features because babel is more ubiquitous and interops with more tools.
Picks
- React30 - a new 30 minute podcast by me, Ryan Florence, and Michael Jackson
- webpack-validator - validator your webpack config to avoid headaches
27. For the Beginners
Links, Tips, and Picks
Scott Moss
@scotups
Tips
- Try to use npm scripts directly for your next project and not a build tool like gulp
Picks
Tim Dorr
@timdorr
Tips
- Contribute to project docs!
Brian Lonsdorf
@drboolean
Tips
- Learn the language, learn the paradigms, then learn the libraries/frameworks
- es5 is still huge. Perhaps start there and learn es2015 after.
Pam Selle
@pamasaur
Tips
- Beginners: Don’t stay stuck for more than 15 minutes. Ask for help!
Kent C. Dodds
@kentcdodds
Links
Tips
- Learn one new thing every day (#eggheadADay)
- The learning workflow: Consume, Build, Teach
Kyle Simpson
@getify
Links
- Software Engineering Daily podcast, episode with Kyle Simpson
Tips
- Everyone: take a walk every single day, and replace one drink a day with water
- Beginner Devs: write your code as simply and verbosely as possible, to explain your thinking (or lack of it!) clearly. Don’t just emulate the clever code you see from others.
Picks
- SimpleHTTP2Server and demo
- Brotli compression
- You Don’t Know JS, specifically Up & Going
28. On site at KCDC
Links, Tips, and Picks
KCDC
@kc_dc
No links, tips, or picks this week
Kent C. Dodds
@kentcdodds
No links, tips, or picks this week
29. Web Animations
Links, Tips, and Picks
Sarah Drasner
@sarah_edo
Links
- My CodePen
- Comparison of Animation Technologies on CSS-Tricks
- Frontend Masters Course
- O’Reilly book coming: SVG Animations
- The First Pull Request and Zero to 60 in Software Development: How to Jumpstart Your Career - talks by Kent C. Dodds
Rachel Nabors
@rachelnabors
Links
Tips
Matias Niemelä
@yearofmoo
Tips
- Keep up with the Angular RC releases
Kent C. Dodds
@kentcdodds
Tips
- Write a letter to someone
Picks
- React Rally
- My Frontend Masters workshops. Webpack Deep Dive and Writing an Open Source Library
- My Webpack Playlist on Egghead.io (includes my Webpack course)
30. Electron Apps
Links, Tips, and Picks
Jessica Lord
@jllord
Tips
- Electron Quick Start App
- Make a menubar app
- Check out the nativize.css file in Electron API Demos app
- Electron community tools and meetups
Picks
- Hammock Camping!
- Mojibar
Kent C. Dodds
@kentcdodds
Links
Tips
- Teach to Learn. I learned ASTs by preparing and giving this talk. And read this blogpost by Anirudh Modi.
31. Automated Accessibility Testing with aXe-core
Links, Tips, and Picks
Wilco Fiers
@wilcofiers
Picks
- The WAI Perspectives
- Looking for help developing new rules for a11y testing
Marcy Sutton
@marcysutton
Links
- axe-core node module
Tips
- Get away from the computer and GO OUTSIDE.
Picks
- I'm speaking about aXe at npm camp
- I'm speaking at React Rally
- Installing the Chrome Accessibility Inspector
Kent C. Dodds
@kentcdodds
Tips
- Don’t spend money on Pokemon Go 😀
Brian Lonsdorf
@drboolean
Tips
- Get familiar with your screenreader.
32. Publishing JavaScript Packages
Links, Tips, and Picks
Stephan Bönnemann
@boennemann
Tips
- Always bring your skateboard to the airport
Picks
- npm CouchDB changes feed
- shrinkwrap on publish
James Kyle
@thejameskyle
Tips
- Go home, stop working, take a vacation, don't work on the weekends.
Picks
John-David Dalton
@jdalton
Tips
- Reduce barriers for contributions
- If a repo is lagging in activity jump in as a contributor
Picks
Henry Zhu
@left_pad
Links
Tips
- Questions can become PRs for a project - if something seems weird/could be improved, it was probably overlooked. (for example)
Pam Selle
@pamasaur
Tips
- If you figure out why istanbul/nyc is called nyc, let me know
Picks
Kent C. Dodds
@kentcdodds
Tips
Picks
- ngrok Secure tunnels to localhost
- How to Write a JavaScript Library Free Egghead.io course
33. Getting started with web audio
Links, Tips, and Picks
Chris Lowis
@chrislowis
Tips
- Canopy is a Web Audio scratch pad / visualisation / debugging tool
- Web Audio Dev Tools in Firefox
- Web Audio School
Picks
Alejandro Mantecon Guillen
@alemangui
Tips
- When you dive into new realms of programming, be it web-audio, functional programming, or whatever it is you're after, don't be afraid to dive in and iterate. Start with simple micro-projects and keep growing a notch every time. I find it hard to really get into new technology without getting my hands dirty from the start. Practice is essential.
Picks
Kent C. Dodds
@kentcdodds
Tips
- Make a chrome extension to make the tweet sound effect I was talking about :)
- Check out Tero Parviainen’s talk at ng-europe and at ng-conf
Picks
- p-s All the benefits of npm scripts without the cost of a bloated package.json and limits of json
34. Typed Functional Programming in JavaScript
Links, Tips, and Picks
Alfonso García-Caro
@alfonsogcnunez
Picks
- Fable
- F# for fun and profit - Learning F# and FP
- Ionide - F# plugin for Atom and Visual Studio Code
Jordan Walke
@jordwalke
Picks
- Vim-mode-plus: Atom plugin recreating Vim’s editing paradigm
- Real World OCaml: Great technical book, free online version
Richard Feldman
@rtfeldman
Tips
- Don’t wait for a rewrite! Introduce a new language incrementally. Build a small thing that works. Get that small thing in production. Then expand.
Brian Lonsdorf
@drboolean
Tips
- Use an ide or vim setup
- Learn to reason about type signatures alone
- Constraints are great, but start simple and dial them up later
- Write simple code w/o abstractions until you feel the pain - then learn abstractions to solve that
Kent C. Dodds
@kentcdodds
Picks
- React30 episode 006 - Origins of React with Jordan Walke
- Midwest JS next week - tickets are still available!
- My frontend masters workshops are next week! Webpack Deep Dive and Writing an Open Source JavaScript Library - tickets are still available for in person and online.
- Ragtime the musical
35. How to be a mentor
Links, Tips, and Picks
Colt McAnlis
@duhroach
Tips
- Learn Data Compression
- Take training on how to be a manager
Kim Crayton
@KimCrayton1
Links
- JrDevMentoring.com
- TechTalkForNonTechies.com
- CodeNewbie.org podcast on inposter syndrome
- Stop Lying to Newbies
- Getting the mentoring you need
Tips
- Mentoring Minutes
- Get comfortable with being uncomfortable
- Find opportunities to teach what you’ve learned
Taras Mankovski
@EmberSherpa
Tips
- You will always know more than most people who started learning after you. So, don’t sell yourself short and give yourself room to be comfortable.
Picks
Kent C. Dodds
@kentcdodds
Tips
- Spread things out, reduce commitments
- Make stuff public
36. Managing Dependencies like a boss <span style="font-weight:normal">😎</span>
Links, Tips, and Picks
Ben Coe
@BenjaminCoe
Tips
- dns.js.org
- Help with yargs and istanbul!
Picks
- Stranger Things on Netflix
- IstanbulJS website: http://istanbul.js.org/
Stephan Bönnemann
@boennemann
Tips
- Noise Cancelling Headphones help focus a lot
- Investing money in a good router really helps with WiFi quality and internet speed
- Take a break
Kent C. Dodds
@kentcdodds
Tips
- Go out into nature
- Play Sports
Picks
- dont-break
- next-update
- Why semver ranges are literally the worst... - use greenkeeper? :)
37. On-site at React Rally
Links, Tips, and Picks
React Rally
@ReactRally
No links, tips, or picks this week
Kent C. Dodds
@kentcdodds
No links, tips, or picks this week
38. Typed JavaScript with TypeScript and Flow
Links, Tips, and Picks
Anders Hejlsberg
@ahejlsberg
Tips
- Follow your passion. Go Play. Write some new code. That’s how you do your best work. Try to enjoy what you’re doing.
- There are lots of people coming to JS now. Lots of OOP programmings flowing into the ecosystem. JS can be a great FP language though. There’s a lot you can learn from studying FP in JS.
Jeff Morrison
@lbljeffmo
Links
- A good introduction to variance: Covariance and Contravariance by Mike Ash
Tips
- Have a "just get it working" mentality. Then clean it up after
Brian Lonsdorf
@drboolean
Tips
- Functions should be input to output. Type systems help a lot more when you compose this way.
- Stay away from Object|Any :)
Kent C. Dodds
@kentcdodds
Tips
- No matter how well you know something, keep your mind open to learn even more about it.
Picks
- React Rally 2016 Notes Wiki
- React events in depth live tomorrow!
- husky (used to use ghooks)
39. Node.js and Community
Links, Tips, and Picks
Gregor Martynus
@gr2m
Tips
- Surround yourself with people that are good to you. Especially if you work remotely
- Invest into mentoring (JavaScript Air Episode)
Picks
- New Podcast from The Changelog by Nadia Eghbal and Mikeal Rodgers: Request for Commits
- Offline Camp: Nov 4-7 in Santa Margarita, California
James M Snell
@jasnell
Tips
- Take Vacation! Put the Laptop Down! Go outside!
- Be Patient!
Picks
- We have Node.js developers in Fresno! Fresnode.js Meetup, 2nd monday of every month. We’re looking for speakers!
Tracy Hinds
@hackygolucky
Tips
- When you feel something that you’re emotionally invested in, write a draft and take a second before you send it.
Picks
Myles Borins
@thealphanerd
Tips
- If you make a mistake genuinely apologize and move on. Stop engaging / don’t double down
- Show empathy for those you make stuff for, make stuff with, and for yourself
Kent C. Dodds
@kentcdodds
Links
Tips
- If you feel like you know something really well, don’t be afraid to admit that you might be wrong or there may be something else better
40. On-site at The Strange Loop
Links, Tips, and Picks
The Strange Loop
@strangeloop_stl
No links, tips, or picks this week
Kent C. Dodds
@kentcdodds
No links, tips, or picks this week
41. Test all the things with Cypress
Links, Tips, and Picks
Gleb Bahmutov
@bahmutov
Tips
- Crash reporting (like TrackJs / Sentry / Raygun) are really useful during e2e testing!
Picks
- Katacoda - online Docker and Kubernetes training in live containers.
Brian Mann
@be_mann
Picks
- Recent GitHub changes: Projects Tab is awesome!
- Electron
Kent C. Dodds
@kentcdodds
Tips
- Don’t forget to set your audio input setting in Hangouts on Air… :(
Picks
- "Idealized Commit Logs: Code Simplification via Program Slicing" by Alan Shreve
- split-guide - A tool to help generate code for workshop repositories
42. Web Components
Links, Tips, and Picks
Rob Dodson
@rob_dodson
Links
Tips
- The gas arrow in your rental car dashboard tells you which side the gas tank is on
Picks
- Slappy Cakes (http://www.slappycakes.com/)
- Elon Musk biography by Ashlee Vance (https://www.amazon.com/dp/B00KVI76ZS/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1)
- The Corgi sticker from cotton bureau (https://cottonbureau.com/)
Monica Dinculescu
@notwaldorf
Tips
- Emoji-cli is an emoji-searcher-by-keyword as a cli
Picks
- Electron!
- GO VOTE
- punchesbears is an amazing twitter where a dude posts hilarious videos of various videogames he is making (dancing bears! Throw macbooks at hipsters! Drunk navigating of a 7-11 for a burrito!)
Kent C. Dodds
@kentcdodds
Tips
- Vote
- If you know Elon Musk, I’d like an intro because I want him on the show I’m. Not. Joking.
Picks
- slice-js so far... (a gist giving a quick demo
- React.js 50,000 stars (and some awesome shirts for the whole family!)
Pam Selle
@pamasaur
Tips
- Delete your Facebook (app)
43. (Rerun) The past, present, and future of JavaScript
Links, Tips, and Picks
Kent C. Dodds
@kentcdodds
Tips
- Learn JavaScript with MDN
Picks
- plop
- Christmas Lights
- Forward Web Summit
Tyler McGinnis
@tylermcginnis33
Tips
- Find people smarter than you and copy what they do.
Picks
Dan Abramov
@dan_abramov
No links, tips, or picks this week
Iheanyi Ekechukwu
@kwuchu
No links, tips, or picks this week
Lin Clark
@linclark
Tips
- Dead code elimination (in Webpack)
Picks
- Dan Abramov's Redux videos on egghead.io
- Ancillary Justice
Brian Lonsdorf
@drboolean
Tips
- Try elm and wait for the video from this
44. Async Patterns in JavaScript
Links, Tips, and Picks
Peter Lyons
@focusaurus
Links
Tips
- Seek out mentors and peers
- Cultivate self-awareness for when your tools are not visual enough or not fast enough. Write custom tools/scripts early and often.
Picks
- RegEx 101
- Julia Evans' blog (@b0rk on twitter
- Bouldering (rock climbing)
Valeri Karpov
@code_barbarian
Links
- The 80/20 Guide to ES2015 Generators, http://es2015generators.com/
- Callback Hell is a Myth
Tips
- Think things through for yourself, don’t just take somebody’s word for it because they’re an "expert"
- Write about your learnings, whether on a blog or to your team, best way to learn is to teach someone else
Picks
Kent C. Dodds
@kentcdodds
Links
- TC-39 finished proposals (async/await is included in ES2017)
Tips
- Do what you think is right and what you want to do.
45. On-site at Connect.tech
Links, Tips, and Picks
Stephanie Brubaker
@sjbrubaker
No links, tips, or picks this week
Tim Dorr
@timdorr
No links, tips, or picks this week
Ben Ilegbodu
@benmvp
No links, tips, or picks this week
Brian Lonsdorf
@drboolean
No links, tips, or picks this week
Kent C. Dodds
@kentcdodds
No links, tips, or picks this week
46. React Native
Links, Tips, and Picks
Bonnie Eisenman
@brindelle
Tips
Picks
- Botwiki, an open catalog / community "of friendly, useful, artistic online bots, and tools and tutorials that can help you make them."
Ken Wheeler
@ken_wheeler
Tips
./node_modules/react-native/packager/packager.sh start --resetCachewatchman watch-del-all- Try Objective C
- React Native Animation Book
- Upgrade often
Kent C. Dodds
@kentcdodds
No links, tips, or picks this week
47. Yarn (bonus show)
Links, Tips, and Picks
Kent C. Dodds
@kentcdodds
Picks
- create-react-app + jest + react-storybook + netlify
- slice-js my closed source thing that I hope to open source soon. Giving a talk soon.
48. JavaScript and the Web Platform
Links, Tips, and Picks
Brendan Eich
@brendaneich
Links
- Too many to keep track of... If you want to contribute that, that’d be awesome! Here’s the file
Kent C. Dodds
@kentcdodds
Tips
- Start a podcast! Here are some resources: How to start a podcast like JavaScript Air, How to do a react30 episode, podcastify react30 video
Picks
- The sponsors they’re awesome
- The guests
- The panelists
- The contributors
- The audience
- The people who donated to the show.
- My Tech Chats YouTube Playlist (What’s a tech chat?)
- My Podcast List
- My AMA
- kentcdodds.com/links
- slice-js my closed source thing that I hope to open source soon. Giving a talk soon.