I am Sarah Drasner. Ask me anything.

Sarah is an award-winning Speaker, Sr Cloud Developer Advocate at Microsoft, and Staff Writer at CSS-Tricks. She has given Frontend Masters workshops on Vue.js and Advanced SVG Animations.

Ask Sarah Drasner about:

  • Web designing
  • Vue.js
  • SVG Animations
  • UX Tips
  • Getting started advice
  • Web animations and more

I'm so impressed with the quality of the questions you all asked me today! This was so much fun and am honored that people took the time to stop by and participate. I love our community and I owe you all so much.

Best wishes, everyone! 🌮 (tacos are the highest esteem of emojis that I can give)

Ask a Question

95 discussions

Hi, Sarah! What are your thoughts on Vue vs React? What makes you prefer Vue?

Oof, you're here for the dicey questions huh? I give you props. Get it? Props? Ok anyways...

The truth is, I like working with both of them, and I still use React, even though I'm super down with Vue. I think they're both amazing tools for frontend and I feel lucky that as a developer I get to live in an age where JavaScript is a veritable playground. So instead, I'm going to tell you what I think shines most for me about both of them. This isn't even going to be comprehensive, either.

React has an amazing ecosystem and community. Want a React tool? Someone made it. Want to improve that tool? They're looking for contributions. People are so creative with what they make with React, and if you're looking for help, the community is more than happy to answer questions. That's a pretty damn exciting thing to be involved in. React also has done a good job of not getting so far away from the metal- that is to say that there's a lot you're learning about JavaScript itself while you're working with it, and that's valuable.

Vue is elegant as all get out. I feel like because Vue came after React, it's right behind it in terms of community at the moment (following the same trajectory), but what they gained in coming a bit later was to pervue the landscape of frameworks and take all of the best bits of everything. You'd think that this might make it clunky and disorganized but Evan You has a brilliant mind in this way. It feels seamless to work with.

It's possible to be productive so quickly because so much is available to you and you don't have to reinvent the wheel for common problems. What's crazy awesome about it is that sometimes when you find frameworks with these nice abstractions, they sometimes fail because you need to do a thing it can't do. Here's what's cool: they still give you access to all the lower level stuff, too. Not only can you do things like build custom directives, you can also hook directly into the reactivity system with things like watchers that give you a distinct opportunity. Computed properties allow you to quickly cache data that won't update until something changes in it's dependencies. This is HUGE. When I work with Vue, I feel like everything I need is right at my fingertips, along with some extra candy that I didn't even expect but love working with too.

I've used both of these tools in large production sites, and I can recommend using either one of them. It's true, Vue fits me better and I prefer working with it, but I can clearly see why anyone would prefer React, and I think it will mainly come down to a matter of personal preference, as both of these tools continue to grow and learn from one another.

Reply to this…

Share your programming knowledge and learn from the best developers on Hashnode

Get started

Hi, Sarah! It's so nice to see you on Hashnode! :)

Over the course of giving many talks, what tips do you have to share with your fellow developers so that they can better deliver a talk on their chosen topics!

Could you tell us about your process of preparation before giving a talk? Thanks! :)

Show all replies

Thank you so much for the detailed, nothing short of awesome answers, Sarah! 😊

Reply to this…

I don't have a question. Just wanted to say I think you're great and wanted to thank you for everything you've done for our community.

Awww Tylerrrrr thank youuuu 💚

Same to you!! 🙌

Reply to this…

Hey Sarah,

Fantastic job out there on the internet! 👏👏

The country I live in, doesn't have more girls who code. What initiatives should one take to attract more girls to code in developing countries? Initiatives that won't cost much.

Hi Joy! Thanks so much for coming by ☺️ I love your name.

This is a REALLY great question, but unfortunately one I don't feel qualified to answer. Aside from simply being a woman, I don't devote my life's work to these efforts like other people or groups. I think Women Who Code, for instance, or @fox on twitter, or Black Girls Code are actively working on these initiatives and I try to support them monetarily and would point you to their efforts out of respect for what they do. Anything else would be me waxing poetic about something I am not qualified to speak on :)

I will say this from my own experience: I've seen firsthand a lot of women who are my peers drop out of tech due to harassment and disrespect to explore other fields. I myself have undergone harassment. I think until we make more efforts towards keeping people from feeling unwelcome, guiding women in will never see it's full returns. Women are interested in technology. So are young girls. I'd love to feel like once they invest the energy in building their careers here, we're not welcoming them to a hostile environment. As Alisha Ramos said in her css conf talk: https://www.youtube.com/watch?v=PtKOzKNJF-s "The strongest pipeline in the world does no good if it leads directly into the sewer"

I apologize if that's not the answer you wanted, but it's the best answer I have.

Reply to this…

What dev tools and products you can't live without?

Hi David!

This is a great question! I rely heavily on my code editor and it's extensions, or the ability to extend it myself. I work with VS Code (believe it or not, I was switching over before I took the job at Microsoft) and, like a lot of people, I use Prettier, which helps me keep consistent formatting without having to comb back through myself.

I also use snippets pretty heavily when I'm developing, because if it's code I write again and again, I can't tell you how much I love speeding this process up.

As you may know, I use codepen to demo small bits of code, but the sneaker hit of codepen for me is working in isolation. I have literally THOUSANDS of pens because I have worked on some really large codebases, and it's really important that I figure out what's causing an error. If I bring it into codepen to isolate, I can confirm it's just the bit of code I'm working on or if something else that's fishy in the system is at play.

I love CLI tools like Vue CLI, and especially Nuxt. Nuxt allows me to spin up the base of an entire application with server side rendering, routing, and I can even quickly make a Vuex store, all with one command. This has been one of the most productive development tools I've ever worked with, and I'm just so happy working with it :)

What about you?

Reply to this…

Load more responses