Nebraska.Code() Sessions tagged react

Modernizing Frontend for the Enterprise

Come explore how First National Bank of Omaha modernized their front-end development practices by adopting a design-focused approach that leverages UI designs, React component libraries, utility-first CSS with Tailwind, and Storybook. They also implemented mock-service-worker, which enables developers to simulate API responses in a controlled environment, reducing the dependency on real API endpoints during the development process. This approach has improved the overall speed and efficiency of their development process, while ensuring a consistent and visually appealing user experience. The success of this effort resulted in the creation of a Frontend Community of Excellence that is focused on being the authority for frontend best practices and on continuously improving frontend development at the bank.

Speakers

Jared Dietz

Jared Dietz

Lead Developer, First National Bank of Omaha

Unit and Integration Tests - A Take on Implementing in React

Hear "Test Driven Development" and cringe? Hear it and rejoice? Hopefully we'll have something for both of you!

I intend to offer up my approach when it comes to unit and integration tests in a project that uses React. We'll go over tools available (such as Jest / Testing Library) and how we can implement them, along with some Storybook in the mix. But overall the goal is to provide automated tests that are NOT fragile, are consistent, and aren't a pain to write.

You mileage may vary, and this approach may not suit everyone, but it's an approach that gives me a greater appreciation and satisfaction when it comes to automated tests in a Frontend / React space. Not to mention, an approach that helps lead to better code design and scalability.

Speaker

Aaron Sayles

Aaron Sayles

Principal Frontend Developer , Medical Solutions

The Next.js Big Thing

Next.js is a powerful React framework that provides the capability to create highly performant full-stack web applications. The flexibile rendering and cashing options Next.js makes available can be used to create applications with a better developer experience that are not only fast but also have optimized SEO and are more secure. In this session, you will learn about the options Next.js provides for client and server-side rendering, API routes, image optimization, styling and more.

Speaker

Tyler Sanderson

Tyler Sanderson

Senior Consultant, Improving

Learn to MERN - A full day, full stack workshop

Everyone talks about being a full-stack JavaScript developer, but what does it even mean? Can you really use JavaScript all the way through your development stack, and how to get started? All the different technologies that are needed to become a full stack developer might seem daunting at first, this workshop is aiming at making this simpler and more accessible. In this workshop, the attendees will learn how to build a full stack application using the MERN (MongoDB, Express, React, Node.js) stack.

Speaker

Joel Lord

Joel Lord

Developer Advocate, MongoDB