back home
Back to Learning Journal

Shyanta Vleugel

2024-10-16

A talk about Triple by Shyanta Vleugel

Shyanta werkt al 7 jaar bij Triple, nu als techlead. Daarvoor als frontender. Bij de HvA CMD gedaan.

Triple

Triple is deel vam Hypersolid.

Triple bestaat 25 jaar, en bestaat uit meer dan 250 werknemers.

Core

Development, Design, Technical Operations, Data & Insights

Design ondersteund door code d’azur.

Cultuur

“We wilen mooie dingen maken met leuke mensen”

Binnen en buiten het bedrijf delen ze ervaringen, projecten, en innovaties.

Lego Liefhebbers

Zoeken conferenties op om geïnspireerd en up-to-date te blijven.

Zijn gek op feestjes en gezelligheid.

Webteam

Over

Competentie: web.

Begonnen met Angular, door gebouwd naar React.

Nu ook React Native en SmartTV competenties.

Web

  • React/Svelte
  • Afhankelijk van type project
    • Bestaat het al? Is vaak React dus blijft het React
    • Nieuw?
      • Enkel React als er afhankelijkheid is van een oud project, of same gaat werken met ReactNative
      • Svelte voor nieuwe afhankelijke projecten

SmartTV

  • “gewoon” een website
  • Zijn niet zo Smart
  • Draait op hele oude browsers
  • Weinig RAM/geheugen
  • Sveltekit = lightweight
    • Build naar HTML, JS, en CSS, geen grote bundle files zoals React doet
    • Betere performance

React Native

  • React Native (duh)
  • React basics
  • Styling werkt iets anders
  • Mogelijkheid tot native componenten inladen/gebruiken
    • Date picker, numbered input, etc
    • Native code (swift/gotlin) kan ook zelf geschreven worden
  • Een amnier om apps voor beide platformen tegelijk te bouwen met een shared laag
  • Nieuwste competentie -> begonnen met Fleurametz

Way of working

  • Scrum
    • Daily standup
    • Refinements
    • Retrospectives
    • Sprint review / planning
    • Techlead & Product Owner rol
  • JIRA voor ticket management, vergelijkbaar met Trello
  • GIT voor code reviews
    • Pull Request 2 reviewers
  • Conventional Commits
    • fix, feature, chore
    • In welke categorie heb je een fix gedaan, wat is er gebeurt
    • Zo hoef je niet naar de code te kijken om te weten wat er verandert is

Tech Stack

React of Svelte. HTML en SCSS. Typescript - in principe JS.

Hosten monthlies of weeklies, soort ted-talks, voor kennisdeling.

Elke competentie werkt met dezelfde taal

  • Kennis sessies zijn belangrijk
  • Coding guidelines - conventies - zijn deelbaar

Elke competentie werkt aan een ander type product, en elk product heeft zijn bijzonderheden en afhankelijkheden zoals een API.

Invloed

Wat kan invloed hebben op je techstack?

  • SEO en Performance
  • Machines met weinig performances
  • Eenmalige website, niet doorontwikkelen
  • Wens voor animaties?

Wat heeft jouw eindproduct nodig?

Tech Tips

  • What does a developer do?
  • Don’t Repeat Yourself.
  • Het gebruik van componenten is heilig.

Hoe blijven jullie op de hoogte van nieuwe ontwikkelingen?

Bezoeken vele conferenties, daar worden vaak de zaadjes geplant voor nieuwe ideeën. Daarnaast krijgen werknemers tijd om te onderzoeken. Ook worden en “proof of concept” projectjes gemaakt; kleine website waar de onderzochte technologie in verwerkt word, om te laten zien hoe het werkt, en uitvinden of het wel of niet goed werkt. Op basis daarvan worden weer kennisdeling sessies georganiseerd. Als een iemand iets leert, leert iedereen daarvan.