Staying ahead of the frontend development curve is difficult, and it's easy to quickly feel out-of-date or left behind.
But fear not, help is at hand. Daniel Flynn and Rob Tarr, developers at top consultancy Sparkbox (opens in new tab), will host an in-depth workshop on frontend tooling at Generate New York (opens in new tab) on 27 April.
You will learn how to make the leap into compilers of all kinds, get up and running with source control (tl;dr: use it!), discover development process tools, and explore the great ways to extend the build process in your current work. To top it all off, they'll mix in all the other tasty essentials you’ll want to know about: owning the terminal, automating deployment, and much more!
Ahead of their workshop, we caught up with Daniel and Rob.
Daniel and Rob, you will also host a workshop on frontend tooling at Generate New York. What are your three favourite tools right now and why?
Daniel Flynn: has revolutionised the way I approach a frontend project and the build artefacts we are delivering to customers. gives my projects a clear coding style that allows other developers to roll on, create PR’s and add quick value without labouring over syntax differences. Finally, is an amazing tool that helps you understand how JS is parsed. It also helps you build transformers for Babel, plugins for Webpack, and codemods with a 'Chrome-like dev-tools experience'.
Rob Tarr: Webpack allows me to bundle up all of my assets and handle dependency management in a really clean manner. gives me the ability to use the latest features, but target older environments through transpilation. This makes me a happy developer. And makes refactoring large codebases easy and fun.
How do you stay up-to-date with the latest tools, technologies, processes, and so on?
DF: A lot of what I discover comes from a few newsletters I get (, ), attempting to keep an eye on my Twitter feed, and also through my co-workers. I am blessed to be in a work culture that encourages experimentation, discovery and teaching so my co-workers teach me a lot about different tools I never would have thought to try out!
My recommendation for learning tools quickly comes down to finding a simple, small application that you can break without any fear of repercussions. Personally, I have an app I called 'String to Emoji' where I try out new frameworks, tools and performance strategies.
RT: Similar to Daniel, a big part of how I stay up to date is through my co-workers. They are a wealth of information. I also get Peter Cooper’s newsletter. I have a couple of small sites (my personal one, an app my family uses, etc.) that I tend to rebuild when I want to learn a new piece of technology.
What are you currently working on?
RT: At Sparkbox, we have some really cool projects going. Here are a few:
- We have spent the last year working with Gap to help them build out a multi-brand design system that’s integrated with their development pipeline. We had a blast sharing about the first iteration at the (opens in new tab) last month.
- We are working on a large-scale web application design and development project with an organization in the bay area that helps organizations understand how to do business with other cultures.
- We are helping design and build a website for a local nonprofit that delivers meals, cleans homes, and provides transportation for women with breast cancer.
- Our team has developed curriculum to teach Girl Scouts how to build websites! We just released the first version of that site at .
- We have two full-time apprentices in the office right now. They are learning hard and spending a lot of time pairing with our team.
- We are refactoring a lot of our workshops this year, including the workshop that we will be offering at Generate this year. We’re also working on , Build Right: Modern CSS and an updated .
For a little taster of the Sparkbox workshop check out the complete web design toolkit ( and ) that Sparkbox's Adam Simpson and Neil Renicker wrote for net magazine a few years ago. The new workshop will cover all the latest developments and make sure you're completely up to date with your frontend skills.
Eliminate development pain and friction now and . There are also workshops on usability testing, information architecture and running design and content sprints. If you , you will save $125! But hurry, there are very limited places for the workshops now.
Can't make it to the NYC conference? There's also one in on 9 June. Tickets are on sale now (opens in new tab)!