Sandra Jurek
JP Morgan Chase, VP of Software Engineering
London, United Kingdom
Actions
Robotics engineer turned front-end engineer in JP Morgan Chase. Her key responsibilities involve leading the Design System engineering team and the front-end architecture of the Chase application. Her past experience includes working on projects for leading UK brands, such as Wagamama, Jaguar Land Rover, Boots and Nando's. In her free time she enjoys playing board game and creative crafts.
Area of Expertise
Topics
Recoiling to success - mastering the state management in React Native with Recoil
Managing state efficiently is necessary for building robust and scalable applications. As the applications offer more and more functionality, it is critical to choose the right state management - ideally one that will ensure the application remains performant regardless of its complex structure. Among many available options, Recoil emerges as a powerful contender, offering possibilities to efficiently manage the state and elevate the developer experience.
Breaking barriers: navigating accessibility in cross-platform components
In today's digital world mobile and website applications have become integral tools facilitating everything - from shopping and socialising to managing household finances and accessing essential services. Unfortunately, in the middle of the rush for innovation and functionality, in pixel perfect world full of parallax and interactive elements, we often overlook the accessibility.
Accessibility in mobile and web applications means more than just being compliant with new regulations. It is in the center of inclusivity, ensuring that everyone, regardless of the circumstances, can benefit from using the digital platforms. Whether it's a person with motor disabilities who relies on alternative input methods, a visually impaired user relying on screen reader's functionality or someone with cognitive impairment who seeks more clarity in the content presentation, every user should have the ability to use the software to the fullest extent. Providing them with that ability is not only a moral imperative, but also a strategic decision for the business.
Despite increasing awareness of accessibility standards, there are still many developers and designers who overlook the concept or don't fully grasp its significance. This presentation aims to showcase the best practices in implementing the accessibility solutions using the React Native and React frameworks.
Additionally, it will also demonstrate how to follow React Native's top principle - write once, run everywhere. To increase the efficiency of developing the mobile and web applications, the components will be written in React Native first, and then compiled so they can be safely used as accessible React components.
Design System - the bridge to increased productivity
Although Design Systems have been highly popular since a few years back, it still isn't unusual to come across projects where product or development teams believe there is no benefit in investing time to implement them.
Well implemented Design System brings multiple benefits to the product it is embedded in; amongst many others it:
- improves the consistency of the product
- unifies the language for cross functional teams
- speeds up the time-to-code or time-to-design for new team members
- allows the design and development teams to quickly iterate and introduce new features.
The aim of this workshop is to illustrate how maintaining the same language in the cross functional teams enables them to implement easy to use, scalable design systems, bringing as an example a popular Typescript web framework used in conjunction with Figma and Storybook
Feature driven design - microfrontends’ best friend
Over the last few years the idea of creating front-end applications implementing the microfrontends design approach became increasingly popular. Not surprisingly - developing the application in a modular way empowers the teams to work with their own pace and take more ownership of the code they write. It can also significantly speed up the delivery of features across the project, as long as it is implemented well. In the very beginning a lot of React Native projects started off as monolithic apps. Even now, when looking for a starter template for a React Native application, it is likely to come across the examples that suggest dividing the code based on its type - screens, components, hooks, helpers, utils, etc. A division that is perfectly suitable for small projects, but in the long run will not be able to guarantee the scalability of fast-growing ones. One that might result in difficult to detect cyclic dependencies, can delay the release of the product due to a simple defect in one of the packages or forces all the teams to use the same tools and boilerplates. Following the principles of feature driven design can help to take the project one step further, offering the possibility to scale it based on - as the name suggests - the development of the features included in it. Not necessarily features commonly understood in the context of the agile methodology, but the product features - the ones that describe the characteristics of what a particular area in the product (and correspondingly in the codebase) is responsible for.
Unleashing the power of turbo cache with feature driven design
Autonomous teams supported by microfrontends can develop the features incomparably faster than the ones forced to work with a monolithic codebase. Unfortunately, when working within one large repository, the advantage is quickly lost due to the need to test the entire codebase in order to ensure that the changes haven’t introduced any regressions. Thanks to the introduction of (product) feature driven design patterns supported by the right tooling it is possible to significantly shorten the time required to verify if the changes will pass the quality gates. Turborepo and its caching abilities help with testing precisely the areas affected by the update, while leaving out the features that haven’t changed at all, helping to expedite the release processes.
React Native EU 2023
Feature driven design - microfrontends’ best friend (on the example of the Chase UK app). A tale of building a scalable banking app with ever growing list of functionalities.
Devfest London 2022 Sessionize Event
Sandra Jurek
JP Morgan Chase, VP of Software Engineering
London, United Kingdom
Actions
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top