Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How Cinema and Coding are Alike

Rodolfo Dias
September 10, 2019

How Cinema and Coding are Alike

Have you noticed how big is the magic behind the scenes in the cinema? The fact that the same artist can have a totally different face and behavior from one movie to another?

Now imagine all of that power in your hands. Being able to give a new face to your components and even a new behavior, based only on which application it is placed at. Wow, That's crazy, isn't it?

Let's see how to make the dreams come true using React + StyledComponents, to create a component lib able to make your apps look more stylish and give you a fun development experience.

Rodolfo Dias

September 10, 2019
Tweet

More Decks by Rodolfo Dias

Other Decks in Programming

Transcript

  1. My responsibility is built and maintain a huge app which

    runs “under the covers" and makes the company work. This app has lost of functionalities and is really important for different departments in the company.
  2. I had created the same component 3x, just this week…

    And each time I wrote the code using a different approach. 
 It’ seems like I’m repeating myself over and over.
  3. Besides that, somehow each application has a different look. They

    belong to the same ecosystem, but they don’t show it. “They look like twins from different parents"
  4. Besides that, somehow each application has a different look. They

    belong to the same ecosystem, but they don’t show it. “They look like twins from different parents"
  5. I read about something called styled components, and we could

    use it to build an Ui-lib with the things we use, and then use it across our applications as a NPM package…
  6. I read about something called styled components, and we could

    use it to build an Ui-lib with the things we use, and then use it across our applications as a NPM package…
  7. I read about something called styled components, and we could

    use it to build an Ui-lib with the things we use, and then use it across our applications as a NPM package…
  8. I read about something called styled components, and we could

    use it to build an Ui-lib with the things we use, and then use it across our applications as a NPM package…
  9. I read about something called styled components, and we could

    use it to build an Ui-lib with the things we use, and then use it across our applications as a NPM package… I’m happy!
  10. ?

  11. ...

  12. What are the benefits? <Image /> <Table /> <Button />

    <Popup.ContextMenu /> <Table.Cell /> <Badge /> <Link /> <Hint />