We may earn an affiliate commission when you visit our partners.
CodeMash
By combining React, design systems, and Storybook, Nate Taylor's team was able to create their own component library from scratch. They also found that their team was much more collaborative involving developers and designers as they created a custom user interface (UI) for their client. This talk walks through their experience and lessons learned, and it highlights some tools and libraries that were essential in creating a UI framework.
Register for this course and see more details by visiting:
OpenCourser.com/course/orpkxs/bringing
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Teaches about using design systems to create a custom UI for clients, which is applicable to web development
Presents a real-world experience that demonstrates the effectiveness of combining React, design systems, and Storybook to create a component library
Highlights tools and libraries that are essential for UI framework creation
May be more relevant to web developers who have some knowledge of React and design systems
Save this course
Save Bringing Order to Chaos: CodeMash to your list so you can find it easily later:
Save
Save
Activities
Coming soon
We're preparing activities for
Bringing Order to Chaos: CodeMash.
These are activities you can do either before, during, or after a course.
Career center
Learners who complete Bringing Order to Chaos: CodeMash will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
Front End Developers are responsible for the design and implementation of the user interface of a website or application. Those in this role should know React and how to use it to create UI components. Thus, a course that combines React, design systems, and Storybook would be quite valuable for a Front End Developer. This course will teach developers how to use these tools to create an effective UI framework, which can be highly beneficial in this role.
UI/UX Designer
UI/UX Designer
UI/UX Designers focus on the user experience (UX) and user interface (UI) of a website or application. This course teaches developers how to create UI components and design systems, which are essential skills for UI/UX Designers. This course may also be helpful for those in this role who wish to collaborate with developers.
Software Engineer
Software Engineer
Software Engineers are responsible for designing, developing, and maintaining software applications. This course can help Software Engineers learn how to create their own component library from scratch and collaborate with designers to create a custom user interface (UI) for their clients.
Web Designer
Web Designer
Web Designers are responsible for the visual design of a website or application. This course provides skills that can help those in this role develop consistency across a website or application by creating a component library and design system, which can save time and resources.
Information Architect
Information Architect
Information Architects are responsible for organizing and structuring the content of a website or application. This course teaches developers how to create a custom user interface (UI) for their clients, which is an important skill for Information Architects to have.
Product Designer
Product Designer
Product Designers are responsible for the design and development of a product. This course will teach learners how to use React, design systems, and Storybook to create a component library from scratch, which is a valuable skill for Product Designers to have.
Web Developer
Web Developer
Web Developers are responsible for the development and maintenance of websites. This course teaches developers how to create and use a component library, which is a valuable skill to have when developing websites.
UX Researcher
UX Researcher
UX Researchers are responsible for conducting user research to improve the user experience (UX) of a product. This course teaches developers how to create a custom user interface (UI) for their clients, which is an important skill for UX Researchers to have.
Interaction Designer
Interaction Designer
Interaction Designers are responsible for designing the interactions between users and products. This course will teach learners how to use React, design systems, and Storybook to create a component library from scratch, which may be a valuable skill for Interaction Designers to have.
Graphic designer
Graphic designer
Graphic Designers are responsible for creating visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course teaches developers how to collaborate with designers, which is a valuable skill for Graphic Designers to have.
Technical Writer
Technical Writer
Technical Writers are responsible for writing technical documentation, such as user manuals, white papers, and training materials. This course teaches developers how to create a custom user interface (UI) for their clients, which is an important skill for Technical Writers to have.
Technical Project Manager
Technical Project Manager
Technical Project Managers are responsible for planning, organizing, and managing the development and implementation of technical projects. This course teaches developers how to create a custom user interface (UI) for their clients, which is an important skill for Technical Project Managers to have.
Business Analyst
Business Analyst
Business Analysts are responsible for analyzing business needs and requirements and developing solutions to meet those needs. This course teaches developers how to create a component library from scratch, which may be a valuable skill for Business Analysts to have.
Marketing Manager
Marketing Manager
Marketing Managers are responsible for developing and implementing marketing strategies to promote products and services. This course may be somewhat helpful for those in this role by teaching how to collaborate with designers to create a custom user interface (UI), which can help with marketing campaigns.
Project Manager
Project Manager
Project Managers are responsible for planning, organizing, and managing projects. This course teaches developers how to create and use a component library, which may be a helpful skill for Project Managers to have.
For more career information including salaries, visit:
OpenCourser.com/course/orpkxs/bringing
Reading list
We haven't picked any books for this reading list yet.
Save
Practical guide to using React Hooks, a new set of features introduced in React 16.8. It covers the use of hooks for state management, side effects, and custom functions, making it suitable for beginner and intermediate React developers who want to learn how to leverage the power of hooks.
Explores advanced techniques and patterns for building scalable, maintainable, and performant React applications. It covers topics such as state management, dependency injection, and code organization, making it suitable for intermediate and experienced React developers.
Save
Covers the full stack development process using React, including setting up a development environment, building a RESTful API, and deploying to production. It provides a comprehensive guide for beginners who want to learn full-stack development with React.
Teaches how to build cross-platform mobile applications using React Native. It covers the core concepts of mobile development, including navigation, gestures, and camera integration, making it suitable for React developers who want to build native mobile applications.
Teaches how to build full-stack applications using React and GraphQL, a data fetching and manipulation library. It covers the basics of GraphQL, integration with React, and building real-world applications, making it suitable for beginner and intermediate React developers who want to learn how to use GraphQL.
Save
Comprehensive guide to advanced React development for experienced JavaScript developers. It covers topics such as performance optimization, scalability, and code organization, making it suitable for React developers who want to become experts in building efficient and maintainable React applications.
Save
Introduces the concept of atomic design, a methodology for creating consistent and reusable design elements that can be combined to form complex user interfaces.
Save
Specifically tailored for developers, this book explains how to collaborate with designers, understand design system concepts, and integrate design systems into development workflows.
Save
While not exclusively focused on design systems, this book offers valuable insights into the importance of a human-centered approach and designing for seamless user experiences across multiple platforms.
Save
Introduces the Lean UX methodology, which emphasizes iterative design, rapid prototyping, and continuous feedback in the design process.
Save
Covers a comprehensive range of topics related to designing digital products, including elements of design systems such as typography, color theory, and iconography.
Explores the role of branding in the digital era and how design systems can contribute to building strong and recognizable brands online.
A collection of recipes and solutions for common challenges faced when using Storybook, providing practical guidance for resolving specific issues and implementing best practices.
An official guide for using Storybook with Elm, covering the unique aspects and techniques for building and testing Elm components.
Save
An official guide tailored for using Storybook with Vue.js, covering the unique considerations and techniques for building and testing Vue.js components.
Save
Introduces the concept of atomic design, a methodology for creating modular and reusable UI components, which is essential for building component libraries.
This classic book provides a comprehensive overview of design patterns, which are essential for understanding the structure and organization of component libraries.
Save
Provides a practical guide to creating and implementing design systems, covering topics such as component libraries, documentation, and governance.
Save
Covers the fundamentals of object-oriented design, which are essential for understanding the concepts and principles behind component libraries.
Covers the principles and practices of site reliability engineering, which are essential for ensuring the reliability and availability of component libraries.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/orpkxs/bringing
Share
Similar courses
Similar courses are unavailable at this time. Please try again later.
Via
Pluralsight
Instructor
CodeMash
This course belongs to a
collection
called
CodeMash Conference 2020. It's comprised of 94 courses:
- Event Processing without Breaking Production: CodeMash
- Bringing Order to Chaos: CodeMash (viewing)
- Finding Service Boundaries: CodeMash
- API Gateways and Microservices: CodeMash
- Vertical Slice Architecture: CodeMash
- Killing REST and Adopting RPC: CodeMash
- 5 Ideas For Writing Better Cloud Native Microservices: CodeMash
- Going Crazy with CQRS: CodeMash
- Cosmic Full-Stack a Blazor, ML.NET, and CosmosDB Mashup: CodeMash
- Quantum Computing Deep Dive: CodeMash
- What Building Architecture Can Teach Us About Software Architecture: CodeMash
- You Version Your Code, Why Not Your Database: CodeMash
- A .NET Data Access Layer You're Proud of: CodeMash
- API Design for ETL: CodeMash
- Common Data Problems Solved with Graphs: CodeMash
- What Time Is It Anyway: CodeMash
- Learning R through Sports, or Learning Sports through R: CodeMash
- Creating a Chess AI That Can Beat You: CodeMash
- DevOps as a Force Multiplier for Agile: CodeMash
- Automating Your Automation: CodeMash
- Creating Container Images with Cloud Native Buildpacks: CodeMash
- A Developer's Introduction to Electronics: CodeMash
- Assembly Language: The (Sega) Genesis of Programming: CodeMash
- Open Source XAML Takes You Places: CodeMash
- Building Mobile Applications with the Ionic Framework: CodeMash
- What's New in Xamarin Forms 4.0: CodeMash
- Taking Control of Errors in Swift: CodeMash
- How to Get Started with Swift in 2020: CodeMash
- Android: A Peek under the Hood: CodeMash
- One Codebase, Many Screens - Flutter in a Nutshell: CodeMash
- Kotlin for C# Developers: CodeMash
- A Mobile App Success Starter Pack: CodeMash
- Practical Functional Programming: CodeMash
- The Immutable Laws of Software and Life: CodeMash
- Machine Learning on the Cheap and without a PhD in Math: CodeMash
- Hold up, Wait a Minute, Let Me Put Some Async In It: CodeMash
- Solving the Boolean Identity Crisis: CodeMash
- Unit Testing Strategies and Patterns in C#: CodeMash
- Python, The World Beyond Scripting: CodeMash
- Test-driven Development: CodeMash
- Everything I Needed to Know About Debugging I Learned in Elementary Physics: CodeMash
- The Best Code Is the Code Never Written: CodeMash
- Git Back to Basics: CodeMash
- Hobby Projects Are Awesome: CodeMash
- Antifragile Teams: CodeMash
- Will the Real "Women in Tech" Please Stand Up: CodeMash
- Document Yourself: A Framework for Career Advancement: CodeMash
- Hiring, Firing, and Inspiring an Exceptional Team: CodeMash
- Communicating Code to Business Stakeholders: CodeMash
- Technical Leadership 101: CodeMash
- Conducting Humane Code Reviews: CodeMash
- Public Speaking For Engineers: CodeMash
- The Art of Delivering Quality Software Quickly: CodeMash
- Dealing with Disagreement: CodeMash
- How to Recognize and Avoid Programmer Burnout: CodeMash
- Coaching and Communicating with Diverse Teams: CodeMash
- The Hows and Whys of Podcasting in 2020: CodeMash
- Threat Modeling on the Family Road Trip: CodeMash
- How CTF Competitions Make You a Better Developer: CodeMash
- Practical Cryptography for Developers: CodeMash
- Securing Your API Endpoints: CodeMash
- Open Source Security Vulnerabilities in Containers: CodeMash
- What Happens When Your App Is Hacked: CodeMash
- Intro to Mobile Security Testing: CodeMash
- Including Security in the Development Testing Process: CodeMash
- Explain It to Me Like I'm 5: OAuth2 & OpenID: CodeMash
- DDoS Attacks: Threat Landscape & Defensive Countermeasures: CodeMash
- Hacking on a Home Server for Fun and Profit: CodeMash
- Learning from Bug Bounty Results: CodeMash
- End to End Testing with Cypress: CodeMash
- Postman Delivers: CodeMash
- Mutation Testing to the Rescue of Your Tests: CodeMash
- From Manual Testing to Automation Suite: CodeMash
- Example Mapping: CodeMash
- Becoming a Better Curator of Your Code: CodeMash
- Let's Talk About Documentation: CodeMash
- Hey, You Got Your TDD in MySQL DB: CodeMash
- A Brief History of Version Control: CodeMash
- Azure Application Insights to Improve Your Code: CodeMash
- How Using Your Words Improves QA Work: CodeMash
- Beyond Alt-text: Trends in Online Accessibility: CodeMash
- Building a Custom CSS Framework Was Easier Than I Thought: CodeMash
- Twelve Spins on User Experience: CodeMash
- The UX of Configuration Files: CodeMash
- Usability Starts with Accessibility: CodeMash
- Angular and the Case for RxJS: CodeMash
- Mock It 'til You Make It: CodeMash
- An Introduction to WebAssembly: CodeMash
- Principles of Modern JavaScript: CodeMash
- Vue 3.0 Better, Faster, and Stronger: CodeMash
- React State: Redux & Context & Hooks, Oh My: CodeMash
- Human Readable JavaScript: CodeMash
- StencilJS and Universal Components: CodeMash
- JavaScript the Grumpy Parts: CodeMash
Good to know
Teaches about using design systems to create a custom UI for clients, which is applicable to web development
Presents a real-world experience that demonstrates the effectiveness of combining React, design systems, and Storybook to create a component library
Highlights tools and libraries that are essential for UI framework creation
May be more relevant to web developers who have some knowledge of React and design systems
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser