17 May 2021

The React framework advantage

We’re big fans of React at Catch. But just what is React, and how do we use it?

React is a JavaScript library used in web development to build interactive elements on the web. The main advantage for end users is the fast interactivity they’re provided with, as there should be very little reload time when new data is presented on their screen. This, in turn, leads to a more positive user experience.

The React advantage for End Users

As you probably know, we’re Drupal experts. Whilst Drupal is an excellent CMS for general website usage, there comes a time when users want a bit more which is when we reach for React to build a ‘web app’ to sit on a page.

Think of Google Maps, for example. What a pain it would be if there was a noticeable page refresh (such as clicking on a link and waiting for the page to reload) each time you zoomed in or out or panned across the map. React helps eliminate this friction, allowing elements to quickly load on a page as the user interacts with them.

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

ReactJS.org

The React advantage for Developers

React is a JavaScript library that at a fundamental level is used to build many components each with their own independent ‘state’ that tells the component what to do. If you think of a button on a website as a component, the state might include the colour, the text (e.g. ‘Click Here’) and the URL (e.g. ‘https://www.catchdigital.com’). As you build out your React project with components, it allows you to avoid the time-intensive process of coding and testing over and over meaning you can build new features and scale your application.

Developers can reuse the button all over the web app and update the ‘state’ of each of these using ‘props’. The advantage to this is that every button on the site will look and behave in the same way. Of course, components will be much more complicated than just a button, and can do more than just take a user from one page to another.

Below are some helpful definitions to understand the terminology used when discussing React.

  • State - The current data that is within the component, any time this is updated and the state changes, a re-render will take place
  • Props - This is how information or data is passed from one component into another. For example if we reuse the button analogy where have colour, text and url managed in the state of the button, we could also have disabled as a state. If the button component is associated with a contact form, we could set the disabled state of the button to be true until all of the fields of the form are completed and then update the state of the button component using props

Developers are able to reuse tested code and know that it will stand up to stress.

The React advantage for our clients

We now know that React is a data driven tool, and allowing our clients to manage the content for a data driven API means we can treat Drupal as a headless CMS for the output of JSON in an API format. New content can be created in the same way new pages can be created. The same goes for content within each page, reducing what could be a time intensive process to update their site (or multiple sites from one data source).

Some examples of our use of React

From quickly adapting to what the user is looking for on the TV Guide on our Freeview web platform:

To helping students filter and book available accommodation in London via IQ Student Accommodation:

To helping global telecommunication company SES provide users with the ability to search for satellite footprint information using their “Our Coverage” tool within their existing Drupal solution:

Or providing the Internet Advertising Bureau (IAB) Members with a quick and easy way to view Adspend data in a graph that instantly updates as you change dates and add filters:

Catch is experienced in offering our clients effective solutions that take advantages of all the benefits of React.

If you're ready to start your journey and see how we can help you improve your connection with your audience through smart technology like React, don't hesitate to get in touch.

08 Mar 2020

International Women's Day 2020

International Women's Day is once again upon us! To celebrate, Helen, our Delivery Director, spent six minutes with six of Catch's irrepressible women from across each of our teams, discussing their experience as women in the tech world and get their views on the future. 

  • Cindy, Design Associate 
  • Michael, Strategist 
  • Omnia, Senior Developer 
  • Gabriela, Developer
  • Gayleen, Senior Project Manager
  • Becca, Delivery Lead

Six Minutes with Six Women

Previously I wrote a post mulling over my thoughts and feelings as to how we try to ensure a safe, democratic and egalitarian working environment at Catch. At the time, the #MeToo movement was garnering momentum and brought the discussion of what it meant to be a woman living an agency life roaring into studios everywhere, including ours. 

For International Women’s Day this year, rather than me waxing lyrical on my own views, we caught up with women from each of our teams, all from wildly different backgrounds and with a variety of agency years under their belts. 

At Catch we focus on working out what drives each team member, so we can help them attain their goals and reach their full potential. For women, often faced with an additional layer of challenges, working out what drives us is key to ensuring we overcome those challenges, so we asked our team about the challenges they feel they’ve faced in the industry and how they overcame them.

There are challenges that I face as a developer but my passion for learning keeps me moving forward

Gabriela Savova, Front End Developer

Gabriela described her first days in the industry, thinking about what’s kept her working in tech for seven years, “I kept thinking ‘Is this for me?’ And, of course, it was. I really enjoy the fact that I work in a dynamic environment where every day I can learn different things. There are challenges that I face as a developer but my passion for learning keeps me moving forward.”

One day, the idea that women need to find a way to push themselves forward should be anachronistic, but, for now, one of our strengths is in the ability to self-motivate, to take strength from adversity. Senior Project Manager Gayleen told us about falling foul of the gender pay gap, noting: “As frustrating as it was, that experience taught me the best way to overcome that sort of challenge was through being extremely prepared to highlight and explain how my contribution has positively impacted the business. I know some people may think ‘you shouldn’t have to work harder for the same reward’, but at least now I am more confident in openly discussing my achievements whenever I need to.”

“I guess the challenge was to be heard and acknowledged in a company which was predominantly staffed by men,” Cindy, the newest member of our Strategy and Creative team said, thinking back to her previous experience.

Twelve years into her tech career, Omnia echoed Cindy’s thoughts, positing that building trust helps ease the way, “I have been working in tech for around twelve years now, and I think it’s always a challenge to work in the tech industry as a woman - it’s still a male-dominated field. You’ll always have to prove yourself, but once you gain trust, you can excel.”

I would love to see more people in senior positions (both men and women) who want to mentor females starting out in their careers. This is critical as we know the positive impact a good mentor can have

Michael Reiss, Strategist

Michael and Becca both touched on the impact of mentorship on their careers, with Becca stressing how important it is for her to pay that support forward to her team, “I’ve had the privilege of being mentored and coached by numerous inspiring and strong women and this has been instrumental in building my career and instilling a sense of self-belief so I feel a great responsibility to provide the same support to my team, to encourage their self-belief and allow them to grow in their careers.”

Michael notes that availability of mentors is one of the underlying issues, “Speaking with other female professionals, availability of mentors is an area where many women face challenges. I would love to see more people in senior positions (both men and women) who want to mentor females starting out in their careers. This is critical as we know the positive impact a good mentor can have.”
 

Despite the bad rap the tech industry (sometimes deservedly) gets, as Gayleen notes, there are massive advantages to working in an industry that’s still fairly young, “Digital agencies often don’t have the same legacies of gender or race inequality so my ambition has been nurtured and always encouraged to the same extent as everyone else in the business, irrespective of gender or race.” 

Change isn’t something that happens overnight, neither is it something that can be tackled on one front only. “Women’s status in the industry cannot be fully addressed by just focusing on the workplace,” Michael says. “How society raises women, from the subjects we’re encouraged to study to the way we’re educated about finance and the social clubs we’re encouraged to join has to improve for us to gain true equality in every industry.”

Two years on from my last post the idea of representation - of equality - in agencies has taken on a much wider context than just the heteronormative gender divide. Equality means equality for everyone and we’re all responsible for making our industry a better more welcoming place for anyone who fancies joining in. With a greater number of events and meetups fostering more open conversation on the issue of equitable treatment of everyone than ever before, we’re seeing an uptick in tangible change and in the hope for more.  

When asked whether she feels the industry is improving for women, Gayleen muses, “I think we’ve still got a long way to go but it’s clear we’re working to take steps to eradicate gender inequality in the workplace and we certainly should keep working towards that because, well, what would the disadvantage of that be?”

To close, we’ll let Gabriela have the last word: “All ladies in tech, be proud of yourselves and happy International Women's Day!”
 

Start a conversation

0207 494 3554
or
newbiz@catchdigital.com