Modern Front-end Architecture

Optimize Your Front-end Development with Components, Storybook, and Mise en Place Philosophy

Authors: Lanciaux, Ryan

Download source code Free Preview
  • Learn to structure an application as a series of components and leverage Storybook and related tools to achieve fantastic organization and productivity
  • Understand the “mise en place” philosophy that many chefs use and how you can apply this strategy to software development
  • Written by a software developer who has applied these principles to successful applications
see more benefits

Buy this book

eBook $24.99
price for USA
  • ISBN 978-1-4842-6625-0
  • Digitally watermarked, DRM-free
  • Included format: PDF, EPUB
  • ebooks can be used on all reading devices
  • Immediate eBook download after purchase
Softcover $32.99
price for USA
  • ISBN 978-1-4842-6624-3
  • Free shipping for individuals worldwide
  • Institutional customers should get in touch with their account manager
  • Covid-19 shipping restrictions & severe weather in the US may cause delays
  • Usually ready to be dispatched within 3 to 5 business days, if in stock
About this book

Learn how to build front-end applications that can help you ship applications faster with fewer defects. Many software projects fail because they are not planned well, or lack organization. Applying strategies from other industries can help you create better software. This book explores the “mise en place” technique from cooking and reveals how you can apply it to the art of creating software.

In many professional kitchens, the work of preparing a meal is divided and performed in workstations to help create the whole. You'll review the philosophy behind this and see how to leverage this approach in your code. You'll also learn to visualize your applications as a series of components and build parts of your application in isolation - just like a professional chef crafting each part of the meal.

The book describes to how to structure your code base for reuse, and how to communicate the code’s intent to other developers. You’ll develop your components in isolation and test these building blocks for quality at a granular level. Then compose these components as building blocks in increasingly complicated features. Finally, you’ll apply some strategies not directly related to code to ensure maximum quality and efficiency.

With Modern Front-end Architecture, developers of all levels will learn strategies that they and their teams can leverage to be more productive. 

What You'll Learn

  • Structure an application as a series of components
  • Build a component library that others in an organization can leverage
  • Ensure quality and accessibility at a component level rather than a page or app level
  • Test code in a way that gives the maximum amount of confidence while providing an excellent developer experience
  • Automate repeatable tasks

Who This Book Is For

Front end developers looking to maximize their code for reuse, quality, and shipping features quickly. Experienced developers will pick up new techniques that they can apply to their code base. Less experienced developers will be able to start applications off on the right foot. 

About the authors

Ryan Lanciaux is an independent software developer based out of Ann Arbor, Michigan. Concentrating on front-end development, Ryan helps organizations build scalable applications with a focus on efficiency and reusability. He regularly speaks at conferences and meet-ups and writes articles on the web. You can find him on Twitter @ryanlanciaux.

Table of contents (10 chapters)

Table of contents (10 chapters)
  • The Mise en Place Philosophy

    Pages 1-11

    Lanciaux, Ryan

  • Configuring Our Workspace

    Pages 13-27

    Lanciaux, Ryan

  • Our First Storybook Stories

    Pages 29-45

    Lanciaux, Ryan

  • Creating Reusable Components

    Pages 47-57

    Lanciaux, Ryan

  • Styling

    Pages 59-72

    Lanciaux, Ryan

Buy this book

eBook $24.99
price for USA
  • ISBN 978-1-4842-6625-0
  • Digitally watermarked, DRM-free
  • Included format: PDF, EPUB
  • ebooks can be used on all reading devices
  • Immediate eBook download after purchase
Softcover $32.99
price for USA
  • ISBN 978-1-4842-6624-3
  • Free shipping for individuals worldwide
  • Institutional customers should get in touch with their account manager
  • Covid-19 shipping restrictions & severe weather in the US may cause delays
  • Usually ready to be dispatched within 3 to 5 business days, if in stock

Services for this book

Loading...

Bibliographic Information

Bibliographic Information
Book Title
Modern Front-end Architecture
Book Subtitle
Optimize Your Front-end Development with Components, Storybook, and Mise en Place Philosophy
Authors
Copyright
2021
Publisher
Apress
Copyright Holder
Ryan Lanciaux
eBook ISBN
978-1-4842-6625-0
DOI
10.1007/978-1-4842-6625-0
Softcover ISBN
978-1-4842-6624-3
Edition Number
1
Number of Pages
XIII, 128
Number of Illustrations
31 b/w illustrations
Topics