Skip to main content

over 3 years ago Syntax Podcast

Supper Club × Coding at Disney with Vu Le

Vu Le

Vu Le Guest

Wes Bos

Wes Bos Host

Scott Tolinski

Scott Tolinski Host

Topic 0 07:52

Vu works on tools for direct to consumer products like Disney Plus

Guest 3

their food or ticket reservation, segment of Disney, and that's Primarily focused on and that's where, like, Disney plus that just uses CSS and JS. And from there, we each kind of build our components. So that's

Guest 3

I could feel like what I'm working on is barely the tip of the iceberg. And, Mhmm. Right. There's definitely people in parks in the Disney parks and consumer side of things that focus on, like, building the apps for it seems to be, like, content management systems.

Guest 2

The kind of structure that it would take to manage

Guest 2

that many employees and that many,

Guest 2

big system. I I can't imagine

Guest 2

it is a big, syntax,

Guest 2

different goals that a company could have.

Guest 2

for she did kind of internationalization,

Topic 1 09:02

Vu builds CMS tools on legacy systems using modern stacks

Guest 2

implementation is beneficial because we've talked a little bit on here about, you know, GraphQL feeling like

Guest 3

on CMS. So, like, we But, yeah, I haven't really had to go into office. It's been a while. I think the last I went to office was just to grab My things,

Guest 3

Like, you know, the fur one of the first tools that we was working on was, like, a plan a tool for managing,

Guest 2

MCMS. It's a massive And she was telling me about, like, internal tools and stuff. And it all just seems like,

Guest 3

You're used by so many different other services. We can't fundamentally change something, like, overnight just because they're other you can have some downstream Multiple keyboards is like, I'm 1 keyboard. I I don't know how you own multiple mechanical keyboards, and it's it's expensive Hobby too if you own that machine. No kidding. Works. So Yeah. Yeah. No kidding. Yeah.

Guest 3

But at the same time because the CMS that we're interacting with is, There's I think when I was going to office, this is, like, way, you know, before the pandemic. This we have a office, and making sure things are up to date. So, Yeah. We do put we do cut time aside in addition to building features to keep our package updated. So if React, I believe, last time I checked, we should be on the most At least 18.

Guest 2

you have so many different

Guest 3

And then from there, it's, Yeah. That's so that's kind of where that's been a primary focus in my work. And then, you know, National Geographic is part of the Disney portfolio. And, You know, when we acquired them, we had to move them off

Guest 2

but the situations that I'm I'm personally feeling like GraphQL is overhead and are small projects. We're just straight up doesn't need it. But it feels like in something where you have so many different UIs consuming the data,

Guest 3

just with React.

Guest 2

CMS. This is a amount of content. Yeah. So, like, let's talk a little bit about, like, the, the tools that you used to build this thing. Is this all custom? Is it based on something?

Guest 2

their existing platform and kind of, like, get them to use our our current tools. So Wow. Yeah. And I'm sure it's a massive amount of content. You know? It's a massive massive

Guest 2

the like, that seems like the ideal use case for GraphQL in a system like that. Do you have, like, a a Do do you know if you have, like, a federated GraphQL API? Is there, like, 1 GraphQL API? Is there many different GraphQL APIs? We have, many GraphQL APIs, but we use a fed we have, that that federated. So we have, like, another team that handles, like, federation.

Guest 3

And then we, you know, we have, like, our own UI that's built, to to test all those components? Yeah. We are actually using Storybook to kinda help, isolate, For a lot of our components.

Guest 3

smart TV devices. You know, we there's apps like ABC News app.

Guest 3

effects that are being used by other

Guest 3

So the Mhmm. A lot of the producers need a way to kind of program that content, so we have We kinda build the interface and work with, other teams to allow them to kind of manage, with a focus on

Guest 2

other products. So I'm glad you said that the GraphQL

Guest 3

which

Guest 2

inputs and outputs there. GraphQL Well, probably seems like

Guest 3

kind of, like, the the The carousel and the what you can choose and what's what's a featured, yeah. We're all distributed. So for us, it it makes kinda sense for us to be remote, just for all the different teams, especially with all the different services that we interact with.

Guest 2

Overhead in some situations,

Topic 2 19:02

Frontend built in React with component library

Guest 1

What about,

Guest 2

And give it a try today. This thing very well may solve all of your pair programming woes. Do you do you personally get into any of the testing stuff? And if so, look, what kind of Cool tools are you using for testing?

Guest 3

part of the app experience is also maintainability kind of build on top of it. So for you know, we might have, more complex components We're rendering, like, a list of results or something or even

Guest 2

remote pairing.

Guest 3

use for the kind of to manage all the components, to build the the the tools. But it's pretty simple. Yeah. We, that CMS.

Guest 3

I think it was that the most recent version of React. I think that's 18 something at this point. Yep.

Guest 3

you know, we put a Pretty big focus on making sure

Guest 2

screen sharing as well. So

Guest 2

So it feels like so many of the problems on these UI frameworks come up once you have to get into the server side rendering and hydration and making sure that all matches. And so the the fact that you get to stay in CSR land is,

Guest 3

necessarily focus on that. But for us, that's not the case, so we don't really have to worry

Guest 3

Never decided to go that route, and I think I don't know if part of it was maybe and we have, I think it's at least at least it was it existed before I joined.

Guest 3

I think when we started the project, we just

Guest 1

Any any TypeScript in the code base as well as well or or JavaScript? What are you using? Yeah. No. No TypeScript.

Guest 3

And then, you know, we have our, you know, QA team as well that helps that helps us, It's It's but it's, it's like that's kinda like How it goes. Yeah. So you can't, like, you know, simply just make a huge decision. You know, there's a lot of, like, ripple effects, and you have to be very conscious of of in In terms of, like, what tech stack you go with and,

Guest 2

advantageous probably

Guest 3

Yeah. We I do. So we do as far testing, you know, we unit test, we use, React testing library. So it's been, like, We're really big fans of using that as a testing library. It's very good. And then we also have some and then tests, you know, using, like, puppeteer to kind of, like, eventually, I'll get around to it, but I've heard good things, about the new machines.

Guest 2

or just in general clunkiness in the u watch. I just wanna show you this code and have you look at it while we work through this together.

Guest 2

5 k screen sharing without destroying your CPU.

Guest 1

You spend the next 3 hours going error by error trying to figure out what did change.

Guest 3

Maybe it's like a learn learning curve. But, yeah, we've Haven't really put the time to do touch screen. Although, for us, you know, one could argue maybe we're putting our time, you know, for testing. So, you know, for us, Yeah. It's really important that what we're shipping is really reliable, especially with these tools.

Guest 3

We have our own component library that we, a particular environment where, you know, you have different teams

Guest 3

need to worry about, you know, SEO or being able to, like,

Guest 3

especially that's where the kinda differentiates, you know,

Guest 3

Start up the app and then kinda go around clicking.

Guest 1

a huge, you know, like, a bigger headache. Yeah. I've I've been there many times where I have to just YOLO update the whole thing, and

Guest 2

So that way, you can make sure that everyone's on the exact same page. So if you want to try this tool out, Head on over to tupold.appforward/

Guest 2

Well, with Tupelo, you get access to

Guest 3

you know, we use React.

Guest 2

syntax. That's tuple.appforward/ We all know that the things that are a huge pain when trying to pair over Zoom or or Google Hangouts, like a a high latency sharing or Really bad resolution

Guest 2

for you guys. What felt like,

Guest 3

Other, you know, contractors I work with. So I don't know if it's maybe, like, onboarding, if they're not familiar with with TypeScript.

Guest 2

Also, you get the ability to have very low latency

Guest 2

about having, stuff server side rendered. That's actually that seems like great because

Guest 3

if you're talking to some or the teams that work on The client sites, like abcnews.com versus

Guest 3

Yeah. Have reliable tools. So, we Kind of our focus is really on,

Topic 3 24:12

Focus on testing for reliability

Guest 3

a element from the design system? I think it depends, like, some common I guess for us, like, when it comes to, MacBook Pro. So I haven't

Guest 3

a bunch of these, like, the add the plug ins and,

Guest 2

Apollo or a different GraphQL client side? You're doing,

Guest 3

on what you're working on. So, yeah, I think I think sometimes the hardest part is just having like, I mean, it's Our design or sorry. Our UI library is like its own package that we push up. So it's like you have to get to The whole npm link and being able to, like, make sure everything's, like, connected and set up.

Guest 2

That said,

Guest 3

So, yeah, I think everything we can reach to, it's it's usually

Guest 2

Tag.

Guest 3

how we do styling,

Guest 3

for our custom specifications.

Guest 1

Yeah. Probably. Yeah. Well, what are you using

Guest 2

works really well for us, and, yeah, we like it. Yeah. So so super tried and true. Yeah. Works, works, works. What about,

Guest 1

CSS

Guest 2

we came from a a just land and were able to move over To the v is I think it's v test is how they wanna say it.

Guest 1

But like if you are using the web, like we have

Guest 3

when developing the components. So I used Storybook and, something interesting. We're using just Apollo.

Guest 3

that,

Guest 3

integrating into the app? We do. It depends. I think in some cases, you know, we can if The component we're building are All working within. We have designers. So, fortunately, you know, we work with a really great product team, and then we have a part of the product team has we have some a designer we work with, and, you know, they're, you know,

Guest 2

And you know what? We we came from

Guest 2

a paragraph element so to say? Because like we have a paragraph element or

Guest 2

before, like, kind of, like, using it within the app. You build an isolation at all? Like, are you building in Storybook and then

Guest 1

Oh, yeah. And It's just for scope. Yeah. Another benefit of that would be if you ever have to

Guest 1

Storybook or anything like that

Guest 2

what that might look like The short term for for a large old larger company. What about, like, client side GraphQL stuff? You're using GraphQL. Are you using,

Guest 2

That said, it it's comparable. I mean, you know, you don't really have to switch too much, and you get some perf gains. So who knows,

Guest 2

you know,

Guest 1

And what does that do? Think of that being possible. So So you said sorry. You say you worked at a specific, custom React components for everything. The reasoning behind that is so that

Guest 1

Oh, why? I don't know if I've I've seen this one before. Yeah. You guys have, like, a whole design

Guest 3

just React testing library. I'm using, or, like, national journal or disney.com, you know, SEO, there's a big significant, this is a lot of team communication. I think that's what it comes out to you. That makes sense. I I love hearing that because keeping in mind that, you know, we wanna build stuff on more of an updated, like, newer, it was like you could choose as a Disney employee, you could,

Guest 2

Yeah. V test and I didn't have too many issues.

Guest 3

that hasn't been styling for it.

Guest 1

Oh, that's cool.

Guest 3

derived from

Guest 2

Yeah. I love that stuff getting into how other people do these types Of design systems and at the end of the day you're just building out like, So first and foremost, what kind of computer and what kind of keyboard do you use? Definitely. So I'm using I believe right now, it's a 2018 Exactly. I wish I had that, honestly.

Guest 2

But for us, that would just be a different

Guest 3

with additional testing. But as far as writing, like, test, it's, part of my job. Also, I had dabbled a little bit into it and finally realized

Guest 3

I think Apollo client, Billy is what we're using. Yeah. So, yeah, that was enough for me as far as, like, the customer key. Because that's a huge rabbit hole. I the fact that people own multiple you know, we keep it's And it's a static asset that's been pushing up. So nothing we're not running anything server side. You know, for us, we don't

Guest 3

Jest Allowing, you know, the guests to order had, like, their own curriculum, so I kinda used off of that. And from there, it's it's just a rabbit hole, really, careers and then yeah. So and then for managing content, Okay. What types of languages we working with here? Yeah. It's it's all custom. So I think one of the things that, like, work I found, like, working at their company, you know, you're When you're coming on board, you know, some of the decisions and especially with technology that's kind of been decided before. So we're using a like, our own proprietary,

Guest 1

For writing the actual components, are you doing CSS and JS, Tailwind, something like that? Yeah. We're using CSS and JS. So our, Our component library is based on, at least The skill sets and and interviewed well, it worked out. So sometimes that's just how it happens. So just really fortunate. Oh, it's amazing. It As people always ask us, like, how do I get job at these amazing big companies? They answered your answer was they came to me.

Guest 2

reusable patterns reusable scoping kinds of things. How So you you work on an an internal Yeah. You know, mice, they like breadcrumbs.

Guest 3

But I'm hearing get some good things about Vite, though. I think we would like to try using Vite test on these days. So Yeah. Yeah. It's fast. It's fast.

Guest 2

Just has base styles. That's it. It just it's Scoped base styles to the p tag. That's it. CSS properties. That's it. Yeah. What's the benefit of doing that over just, like, setting a Based font size on your HTML tag? Because it enables us to think outside of the the p tag. Right? You can often use A paragraph tag to do several different types of text, but, yeah, not all p tags are the same types of text. And, really, you could think about it as It could be the exact same as I have 1 p tag and 1 p tag with a class that is, like,

Guest 2

A component. Yeah. I like that kinda system.

Guest 1

the what was the, like, React Native web? Was that it? Where, like, you literally don't use Any HTML elements, you use a 100%

Guest 2

my code base is probably considerably smaller than anything Granular does it get? Like do you have

Guest 3

Task, we can kinda integrate it. But sometimes we have to kind of be able to develop, like, side by side. So, like, be able to, like, have,

Guest 3

can be worked on independently. Like, if we need, like, a date picker, we could do that independently. And then, as part of, like, another So we are working, I think, the most current version of React. We're actually very our team is very, like, pro or good on staying on top of updating our packages, and products.

Guest 1

what was You can go to react native really, really easily.

Guest 2

a header element. When you want to just do a normal paragraph text, is there a is there Such a thing in your land as using a standard HTML tag, or are you always using

Guest 1

Well, people do do it. Like,

Guest 2

A,

Guest 3

So it's another, like, pretty another, like, comp UI library that And,

Guest 1

Your base you your styles come along with that component. Right? You could render that literally, you could probably render it on my website, and it would look the same.

Guest 2

that you all are working with. So, our my perks. That's awesome. That's neat. Yeah. I know my my friend who work There would get, because she had to be in office all the time. Right? She worked on the soundstage. But in her office, she would get to, like, pick out So it's like if we wanna have paragraph of text, that's the capital p tag. If we wanna use another Type like a subheading that's not an h tag. That is like a paragraph text. We would use our our subheading tag or whatever.

Guest 3

as the, I guess the framework is what you call it or the runner.

Guest 3

the key tag we're using, I guess we are using kind of like a component already your component library running, you know, with with while you're running your local environment for the app and just being able to see change like, being able to see Just kinda see the integration works. So it just it really just depends, Couple of us are here. I guess I didn't say where I'm from. I'm I'm from California, I guess, specifically, like, just the Los Angeles area, but rose mead to be specific.

Guest 2

paragraph.

Guest 2

Like, bold bold, larger paragraph, whatever you might call that. Right? Like an emphasis

Guest 1

framework where you have, like, what, cards and,

Guest 2

I hardly use any normal it I have a it's a p it's a capital p tag. Have a capital p. Yeah.

Guest 1

those bases built in. Right. And you you should be able to just use them. Wes, I'm kind of doing that myself.

Guest 1

reusable inputs and things like that.

Guest 1

I I do that as well. Just like you said, a whole bunch of base CSS. You obviously aren't gonna make a component.

Topic 4 03:33

Vu transitioned from marketing to coding via online resources and projects

Guest 1

how does that process show. We've got Vu Lee on today who, works at Disney. Yes. That Disney,

Guest 3

what what kind of re learning resources did you pick up? I was trying to decide between, like, should I do a self taught route, or should I do something boot camp or go back So I ended up ultimately deciding going to south top route. But, I mean, at the time, there's I feel like starting out is just so overwhelming for anyone who's new

Guest 2

Where did you

Guest 3

To learning. So for me, it was a lot of, like, documentation.

Guest 2

like, skill sets towards that. Nice. Yeah. So so you worked you you you got your 1st gig. You grinded a little bit, and then

Guest 2

pick up, like, the skills from? Like, so where did you,

Guest 2

You got a job at at Disney.

Guest 2

Yeah. How,

Guest 2

happen? Yeah. Did that, did you find a job posting? Were you recruited?

Guest 3

I think personal projects go a long way, and I think you're pretty passionate about what you're working on. It it helps you kind of keep wanting to learn and apply new, content, publish, Yeah. I think you know, I It's I know Disney's official stance, it's it's really you know, they have, like, a flexible work policy, and it really Depends on the team and your manager. So I think it's just it's really gonna It wasn't until,

Guest 3

I did, like, I did a little bit of I think, like, I think freeCodeCamp

Topic 5 00:00

Transcript

Guest 1

All kinds of stuff that goes on in Disney. I know he works on a bunch of internal tooling, and I'm curious about, like I'm always curious about, like, that half of Businesses, which is like behind the scenes, how does all of that work? And and what are what tools are you using? How do you make decisions? And like, what browsers do you have to support? Things like that. So We're gonna dig on into that. This episode is sponsored by [email protected],

Guest 1

Today, we've got an awesome

Guest 2

and Tuple is the remote Pair programming tool for developers who are tired of pairing over Zoom.

Guest 2

just an incredible pair programming

Announcer

Wash those hands, pull up a chair, and secure that feed bag, because it's time to listen to Scott Tolinski and Wes Bos attempt to use human language to converse with and pick the brains of other developers. I thought there was gonna be food,

Guest 2

This is one in from this movie. What movies are you interested in or whatever? And she could Put the stuff that she wanted on her walls. I thought I thought that was pretty neat. That's pretty cool. Yeah. I wonder I feel like there's probably like I said, like, I

Guest 3

Been with the company for about

Guest 3

4 years, and my focus has been primarily

Announcer

so buckle up and grab that old handle because this ride is going to get wild.

Guest 3

for the Disney media and entertainment distribution segment. So it's, like, I believe, one of Either 4 or 5 segments that operate within Disney.

Guest 3

Building internal tools,

Guest 1

and we're gonna chat about Before we switch into the next section, is there any technical stuff that we didn't touch upon that you like to talk about? Just in terms of, like, demystifying me, it's it's like building

Announcer

I sure hope you're hungry.

Announcer

Oh, I'm starving.

Guest 3

actually before that, I was actually I've been programming. I was a I was in, sales and marketing. So I have a Oh, well. Cool. Yeah. Different backgrounds, and here I am now, working for Disney. How how did you make the switch from sales and marketing to coding? Because we get a lot of people ask that. It's like, If you don't do it from, like, right out of school, like, how do you hop ship from one to another? Yeah. That's a good question. I mean, I it's weird. Like, Throughout my whole life, I have been very tech savvy. Like, I really enjoyed working on peers, but it's I've just never really put the 2 together. Like, I could do a career in this in, like, in different tech.

Announcer

This is

Announcer

the Syntax supper club.

Guest 1

Welcome to Syntax, the podcast with the tastiest web of moment Tool to share your code with a lot of really, really desirable features. More on them later on in the episode. So, Vu, thank you so much for coming on. I really appreciate it. Yeah. Thanks for having me on. Excited to chat about, what's it like working at Disney and and, specifically, why I worked on. Awesome. Well, why don't you give us It's a rundown, doesn't have to be quick, of who you are, what you do, where you're from, all that good stuff. Yeah. For sure. So, my name is Vu. I'm a senior software engineer at Disney, specifically

Topic 6 05:13

Vu was recruited by Disney for a contract role initially

Guest 3

Rolled as a contractor for Disney,

Guest 3

Yeah. That's a good that's a very good question.

Guest 3

so I was a good I wasn't really looking, and they're saying, hey. We're looking for this role. If you're interested, you know, it's it's a contract role. And I thought, hey. You know, might as well try it if if it looks good on the resume, and then see where it goes from there. And, yeah, that was pretty much it. So I got a contract

Guest 3

So I think the one of the first jobs I got was, you know, I was working for this, CMS. Is that is that correct? Yeah. I I do. So my focus has been at least on the 2nd team that I've been working on for Majority of my time at Disney has been since pretty much focused So we're able to, Like, interact with other services, hydrate.

Guest 2

Hey. My my best job, I got that too. And, you know, Ford Ford came to me. I just had a portfolio or whatever. I got a LinkedIn recruiter message, and Typically, you think about, like, a LinkedIn or recruiter messages, and you think they're pretty low value. But at the end of the day, some big ones come in. You take the interview. You You get picked up, and then, you know, it's pretty,

Guest 2

pretty amazing life transition. Right? Yeah. It's,

Guest 3

something like a theater or where it has to go through, like, a theater like, the the the content to the theater to the consumer. So you can kinda think of it more, like, direct to consumer,

Guest 3

into a full time position Yeah.

Guest 1

So Okay. That that makes sense. And that's there's, like, different areas of the company for, like, Disneyland and Disney World and things like that. That's a whole is that is that totally separate? Do you ever have to talk to the weirdos from Disneyland? take those components outside of

Guest 3

Wow. As part of, as another team. So it just so happened I was just kinda at the right time and right place. And fortunately, I I had kind of OTV. You know, like, if you have, like, a Roku or you have, like, those,

Guest 1

like, team inside of Disney. What what was that team again or or Area of Disney? Yeah. So I work for the Disney media and entertainment distribution, You know, working, doing some freelance work, and eventually getting more experience and eventually getting my foot in the door. So, yeah, it's it's always it's ongoing process for us in terms of learning. I love hearing that because a lot of people ask, like, at what point do I know if I have enough code coding resources? And it's like, well, this kind of a, Like a ongoing resource. But, like like, what was that 1st job like? Like, where were you at? How do you how do you even get that 1st job? It's it's, I think your portfolio I think

Guest 3

for a contract gig, for Disney. And, And then prior to that, I was working on, like, A digital search marketing company for landing pages. And,

Guest 3

for about 6 months, and then it was a and then eventually got, or even, like, cruises. And you have another segment that's focused on, Like Disney studio, like, all the technology that allows creatives to kind of the workflows.

Guest 3

in terms of what,

Guest 3

This digital marketing company building landing pages, and then I think take 6 months 6 to 8 months into it, I was reached out from a recruiter, work may not. So I think that having that flexibility and and hopefully But the focus, at least with building internal tools, is, you know, we're trying to Straddle So that's yeah. Luckily, we're able to work with them closely and try to figure out, like, really open, Definitely, from, like, I think building projects and, like, figuring out, like, what you need to do. And, there was also a lot of good YouTube resources at the time, or at least that I was using. So and then from there, it's just, And we also use GraphQL. So, like, the CMS portion, like, of that we the service. You know, that's old, but we also you know, Disney has been at least in our team, we use, like, a GraphQL as a layer over it. So we're able to kind of interact with existing APIs, but also we're able to u utilize,

Guest 1

Yeah.

Guest 3

National Geographic, those are websites and or products that are kind of immediate direct to the consumer,

Topic 7 15:22

UX focused on usability for complex workflows

Guest 2

to WordPress's back end, and I just started

Guest 2

Design inspiration. Do you have designers for this CMS, or is it sort of like there are just patterns that you

Guest 1

I don't know. What what's a

Guest 1

Slide and drag or whatever and and decide what goes into the carousel. Like, I'm picturing it for me, and I sit down, I turn my TV on, and I I see the featured

Guest 2

And the the first thing I did when I was redesigning them was I went versions. I I know people who work in React code bases that get pretty large. They have a hard time keeping up with What versions are they're working on so then they end up having to go the micro front end route where, you know, different teams are working in different versions of React. Is that Something that you have all hit, or or do you get to just all stay on 1 version? And if so, like, what kind of version are we working with?

Guest 2

Since it is like a CMS, it's not like it it has to be user focused.

Guest 1

What about like, let's talk more about the react stack that you have. So these components that you're building, people

Guest 2

Is is it on brand, so to say, or is it just something that looks generally nice or bootstrappy or whatever? I think Whereas we do, like, it looks Oh, that's cool. Wow. So, like, for, like, your design system and elements types of things, that you're working with, Are are you guys using anything specifically? You have your own internal design system?

Guest 3

it's nothing like I mean, if you were to use a tool, I don't think anyone would, at first glance, would immediately recognize it. Oh, this is a Disney tool because is part of,

Guest 3

CMS. And, that's built Yeah. It's like built in React. You know, that's the And then, you're just building an a tool, you know, for and it so happens, you know, our products, digital products are kind of directly to the consumer. So you can think of, like, abcnews.com,

Guest 1

Is that in the Java CMS, or have you built an entire UI that just talks to the CMS

Guest 1

ABC News show?

Guest 3

with the you know, that's what the designers are kind of keeping in mind when we're working with, designing such systems. Yeah. One time I I've, like, recently been working reworking a lot of my CMS, like admin Yeah. We so We have, like, a base foundation components, but, yeah, we

Guest 3

able to provide us with, like, mocks for, like, different workflows and trying to figure out, like, what the user is Trying to, like, what their pain points might be and how we can improve it.

Guest 3

Having to design these tools,

Guest 2

Are those the types of thing do you do you have somebody giving you but she was a mixer for for films.

Guest 3

kind of very clean interface as as for designs.

Guest 2

forms and tools and content tables and stuff like that for our platform.

Guest 3

you know, allowing the user to do something complex, but at the same time, keeping it simple, but not you know, you don't want the user to kinda also trip on themselves. So we're also And as far as keyboard, I'm using a mechanical keyboard, you know, keeping our packages updated and having really good well written tests, with all the new features that we push out. This episode is sponsored by 2PL. 2PL is the screen sharing tool dedicated to frictionless Yeah.

Guest 3

that's very similar to how users use other tools or Navigate the web. You know, there's a lot of patterns that are kind of preexisting that they're kind of used to. So we have to kinda keep that in mind, You know, just the like, really testing is in isolation before, some of the newer technologies. So the GradKey Audit portion has been super beneficial,

Guest 1

They wanna do this on whatever show that this good morning, America. So good morning, America.

Guest 1

things that are up, and I I I often think about that. I'm like like, who this in somewhere, there's a room When somebody logged into a CMS and they're saying, alright. We need to,

Guest 1

There's some guy in a room somewhere with the actual CMS.

Guest 1

ABC News, they can And then you just Every time you need a piece of UI, you don't go and make your own divs and whatever. You just reach for one of these existing components? neat that you can do things like put it in just Slap an entire GraphQL layer on top of,

Guest 1

behind it? And and if so, what is that entire thing built in? Yeah. So it's an entire UI that interacts with that Java,

Guest 2

looking at what am Not doing that. WordPress is doing because everybody knows how to use WordPress.

Topic 8 12:33

They use federated GraphQL APIs

Guest 3

UI. So, Yeah. This is a big company. Someone it'd be interesting to be speaking to somebody else and, like, what, you know, what they're, Pro.

Guest 1

So it's it's kind of cool because we did not book these interviews knowing that they

Guest 3

for for our, for the products and future requests. Yeah.

Guest 3

Service. Okay. And that that's the thing that's been around for forever much way before you came. Right? Yes. Yeah. I can't put a number to it, but I think it's been for a long time.

Guest 1

CMS, or are you like, what are you building with React? Yeah. So we're building a UI that interacts with

Guest 1

so the the CMS itself, what is what is that built in? Like, what's the stack of that? So I believe that's built in Java. So it's a Java

Guest 1

to talk to that

Guest 1

things, and they all need to be put into 1, and that's why we use GraphQL. We don't use GraphQL because, like, obviously, it's good that we get. You can request only the data that you need, and it's it's a single request and you can send mutations and and whatnot, but we just need a single layer that is Sort of standardize on it.

Guest 1

And what about,

Guest 3

We're able to kind of, have that all federated.

Guest 1

Both were doing this. We booked them totally separate.

Guest 1

Philippe Ferreira who works at Sky,

Guest 1

have so many different

Guest 3

So that's been, like, super helpful, especially for a lot of the back end teams. Yeah. That's wild because we had,

Guest 1

which is another large media company that has lots of streaming platforms. And he said the exact same thing, like,

Guest 3

So that's been, like, super helpful, especially since the CMS interacts with different services, like, you know, taxonomy, image.

Guest 3

that's what our team works on. So billing's, Like, allowing, you know, the producers or editors to kinda update

Guest 3

I think more More recently, I think what we're working on now is, you know, I've been focused or at least the team I'm on now focuses on it's kinda great. I don't looking back, if I were to, Ask myself, like, as I started this journey, would I be working at Disney? I'd I'd say, it'd probably take a lot longer. Maybe it's it's it is so I couldn't even think, yeah, That's,

Guest 3

upload images. It's all that sorts that comes with the CMS.

Guest 1

It's been it's been used to power a lot of the Five sides. So what is it that you're building then? Are you building, like, in React? Are you building an actual UI

Guest 1

we

Guest 3

existing UI that interacts with the CMS, We're trying to get them,

Guest 3

It seems like 2 large media companies are are doing kind of the same thing In terms of a a single federated GraphQL API. Yeah. As I've mentioned before, like, you know, just because we're working with such older tools and APIs, it's It's kind of one of the things where you can't, you know, we can't make this these decisions that have been made prior to us, you know, where we can't easily change it. So it's super helpful just be able to, like, have that layer, converted

Topic 9 33:41

Flexible work policies up to teams and managers

Guest 3

is, like, a lot it's that flexibility is great for, To accommodate for everybody. Yeah. Yeah. I mean, it

Guest 1

posted a photo of their break room, and it's like a freaking entire

Guest 1

like, what what perks do you get at Disney? Do you get do you get free Disney plus?

Guest 1

Just I just wanna see the snacks,

Guest 2

Hopefully, the world stays this way in terms of giving everyone this flexibility.

Guest 2

It'd be a lot

Guest 1

where we can get whatever we want. I was like, oh, that is Did you get cake pops? I'll get cake Pop. Yeah. What other other kinds of stuff they have? This it's just so cool. But,

Guest 1

Starbucks. And then he says, we also have a real Starbucks in the basement

Guest 2

the type of thing that, like, today, you got a sick kid or something or whatever. It could certainly be a huge plus. My kid had to get picked up from school the other day,

Guest 2

little life emergencies that just sort of pop up. So, yeah, hopefully, you know,

Guest 1

You know, and somebody who worked at Starbucks

Guest 1

It stinks to hear that, honestly, that some people are being Totally forced against their their will to come back into the office. So that that's great that you get to do that. Whenever I talk to people that work at cool companies, I'm always just like, like, what is that like? You know, like, I remember before the pandemic, I sent a tweet out and I was like, show me your snacks.

Guest 2

and my wife was at work. So, you know, working from home gave me the ability to go Go over to schools, pick them up, and it was you know, that that's the kind of thing you think about, like, 5 years ago, whatever. If you're sitting in an office, just without you noticing, you can get five Hey. Screen sharing and low latency.

Guest 2

harder to organize

Topic 10 31:01

Distributed team working remotely

Guest 1

Somebody else could worry about it. Little bit jealous of that. That's nice.

Guest 2

Npm link is, one of those things that It's so easy to go wrong, I think.

Guest 3

since the, you know, lockdown, I think it's the only time I was able to go back with stuff.

Guest 2

Elon Musk said you got, like, one day to get into the office. Otherwise, you're you're toast.

Guest 3

Yeah. I don't think we use NPM link. Are you using, like, PNPM or, yarn or or just regular old NPM? I have to see. I've I'm not really sure what we're using for that. I think we might have I know we're using Docker and, like and there's, like, Yeah. We have that's somehow underneath the covers and, like, we have a couple people on our team that kind of really focus on, working on that stuff, enjoy it, so they Allow it. Yeah. Make a home open by the

Guest 3

The ones I would go in aren't even available to go in.

Guest 2

Yeah. What what are your feelings on it? Is that gonna change, or is gonna stay the same? I just saw

Guest 3

At does Disney let you work from home, or are you in the office, or how does that work? Yeah. I'm remote. You know, I mean, like, some of our It's weird. Like, before the pandemic happened, you know, we were already we're a distributed team already. So, like, yeah, we were already On Zoom calls anyways, so a lot of my teammates could be working. Some of them are on the East Coast.

Guest 3

Some are like, one's in Ohio, one's in Michigan.

Guest 3

really come down to the teams, you know, not you know, some Some work may make more sense to be in person. Other Yeah. So we're on the most recent version and then packages as well. You know, we we try to stay on top of it. Otherwise, you know, if you end up having update, you know, a year later and you haven't done any updates, It becomes solutions.

Guest 3

But I hope for yeah. So it's I mean, Remote is not for everybody, but at the same time, you know, being in person is not for everybody. So, hopefully, that flexibility No. It's it's totally separate. Yeah. It's it's a huge company. I mean, I I mean, right now, the LA offices, at least content.

Guest 3

a couple offices in Burbank Glendale. That's the head where the headquarters for Disney is.

Guest 1

already, so because we're just so distributed. Yeah. Do you do you ever have to go in is there an office in in LA for Disney? Do you ever have to go into that? There is. No. Not at this moment.

Guest 1

Somebody else figures it out, and you just run NPM start or whatever. You don't care what it's using.

Topic 11 38:35

Vu uses MacBook Pro and custom mechanical keyboard

Guest 3

a

Guest 3

made by Glorious. It's the Gmmk,

Guest 3

made the switch to the, The, AMCHIPS. Although, I'm I'm supposed to do it for a refresh. I actually need to do it. I've just been, been I've been trying to put that off because The setting of a new work machine means new permissions and all of this sort of things. So, You'd see, like, Disney icons and such. It's it looks more of, like, what you imagine most Goofy's hanging from the the net menu or something like that. Yeah. Yeah. Yeah. They like that much. Bread bread Breadcrumbs system.

Guest 3

custom mechanical keyboard. Let me take a look. Yeah. I mean, I I'm not, Like, super into keyboards. Like, this was more of a COVID project. I had a mechanical keyboard from some other brand before, but I decided to, like, Just make my own, use my different switches, and, If we use ABC News as the example, and your editors need to to edit, you know, especially like a breaking news and be able to publish, and they need to be able to No kidding.

Topic 12 35:15

Employees get Disney Plus bundle

Guest 3

So having that decision makes sense. But as of this coming year, we actually will get,

Guest 1

That's not how real world works, especially the larger the company.

Guest 3

employees. I think I think one of the tricky things about working, at least a big company and building internal tools, is, like, you're,

Guest 3

at the time, that entails.

Guest 1

people think like, oh, you can just literally pick whatever you want. And if you're using some framework that is was popular 6 months ago but no longer is,

Guest 1

A lot of times,

Guest 3

Our clients are, like, under other Disney

Guest 3

a Disney The Disney plus bundle, which at the time, it kinda sounds weird. Like, if you're gonna choose, like, one seems to be more valuable in terms of monetary. But, you know, there's some of us that don't work or live

Guest 1

stuff that has been around, and you're able to move quickly and build modern applications with React while still,

Guest 3

you could choose either getting, like, the main entrance pass that allows you to go to the parks for free, or you could choose, Yeah. Oh, that's a good one. There's so many things that could be done there. Yep. Yeah. Yeah. You think that'd be the case. At least I mean, maybe it could be totally different on some other portion of Disney. But for us, it's very more simple, you know, things like toggles,

Guest 2

artwork for her office, and that was all Zap is extremely performant.

Guest 1

It's

Guest 2

sort of working within the constraints of of what a large company gives you. Totally. Alright. Let's get into the part of the show where we ask you the supper Club questions. These are just kind of in general web dev questions that we ask everybody.

Guest 3

that are also, You know, doing different services. So you have to, like, kinda work together.

Guest 2

original self self drawings and paintings from the old animations. And she could just go to Some vault within Disney and say, I would like this framed Yeah. A good friend of mine actually was on the sound stage Therefore, while she did audio,

Guest 3

Actually, we do. We we that's actually recently became a thing. We it wasn't, Team UI.

Guest 3

what they are able what kind of perks they might have. I think people who work at Marvel. I've the Marvel,

Guest 3

The the bundle is part of,

Guest 3

Like, you're you're having to, like, work in super useful.

Guest 3

Near, like, the parks.

Guest 3

building must be super interesting, like, just to be in there and see all the The different merchandise

Topic 13 02:33

Vu Le works at Disney building internal CMS and tools

Guest 3

Setting up, like, an ecommerce website for one of the companies I worked for. And that kind of, like, opened my eyes, of because, you know, you know, if you're working in jobs, it's like your packages updates, like, every almost every day. So, Disney Streaming. Like, they're kind of under the umbrella. And the real the focus is really kind of all these, CMS, So we're building kind of a new UI for them. Because right now, they're they're currently using an existing system that interacts

Guest 3

to web development because, you know, they were trying to get, A website up for for ecommerce, and I was talking to the the team that I was working with to kind of coordinate all that, and they said, oh, yeah. You should probably look into it. I kind of spent some time, and It was actually

Guest 3

I think the last non programming job I had, I had to kind of be the project manager, like, the liaison for, editorial tools for ABC News.

Guest 3

it's something I wanted to pivot towards. So I end up switching,

Share

Empowering developers for over 286197094917 milliseconds!