JSFoo 2019

JSFoo 2019

On component architecture, front-end engineering and Developer Experience (DX)

Make a submission

Accepting submissions till 21 Sep 2019, 07:20 AM

NIMHANS Convention Centre, Bangalore, Bangalore

JSFoo is in its ninth edition this year. Talks at JSFoo 2019 will cover the following topics:

  1. Component architecture – how different web components have been stitched together to build apps; outcomes on UI and performance as a result of architecture choices
  2. Deployment practices for front-end and how Kubernetes and CI/CD fall into this picture
  3. Accessibility
  4. Developer experience (DX)
  5. Functional programming paradigms: ReasonML and ClojureScript
  6. Privacy and Content Security Policy (CSP)
  7. New developments such as SvelteJS

Speakers from Razorpay, CloudCherry, Myntra, Innovaccer, GitLab, Microsoft, Atlassian and Gramener will share their work and learnings on these topics.

Who should attend JSFoo:

JSFoo is a conference for practitioners, by practitioners. JSFoo 2019 is a conference for:

  1. Front-end engineers
  2. Senior software developers
  3. Team leaders and engineering managers
  4. Fullstack developers
  5. InfoSec professionals

##JSFoo 2019 details:
Dates: 27 and 28 September
Venue: NIMHANS Convention Centre, Bangalore

##JSFoo workshops:
The following workshops have been curated for before and after the conference:







##Contact details:
For inquiries about conference tickets, workshop tickets and any other details, call JSFoo on 7676332020 or email info@hasgeek.com

#Sponsors:

Click here for the Sponsorship Deck.
Email sales@hasgeek.com for bulk ticket purchases, and sponsoring JSFoo 2019.


JSFoo 2019 sponsors:


#Platinum Sponsor

Microsoft

#Gold Sponsor

Atlassian

#Exhibition Sponsor

Publicis Sapient

#Bronze Sponsor

Innovaccer ThoughtSpot

#Community Sponsor

Hasura Obvious

Contact

For tickets and sponsorships, contact info@hasgeek.com or call +91-7676332020. For queries about proposing talks, write to jsfoo.editorial@hasgeek.com

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

Dheeraj Kumar

@codepodu

Demystifying front-end tech stacks

Submitted Jun 6, 2019

“Should I go with React or Vue?”
“I want to use Elm in my company, it looks really interesting!”
“What library do you recommend for X?”

Sounds familiar? This talk is for you.

The front-end ecosystem evolves faster than most of us can keep up. When it comes to making architectural decisions, like choosing a tech stack, it is difficult to make informed, future-ready decisions. I’ll be talking about

  • Why are these decisions difficult to make?
  • Factors to consider along 3 axes
    • Business
    • Tech
    • People
    • Process
  • How to approach decision making
  • Case study from Quintype of choosing a tech stack for a major front-end rewrite, the whys, what worked, and what didn’t

Outline

Why are these decisions difficult to make?

  • Cost of initial development vs. Cost of maintenance
  • Definition of architecture - decisions that take significant costs/resources (time/money/business growth/people) to change
  • Front-end fatigue
  • Resume-driven development/attracted to shiny, new things
  • Goal - to build confidence in the decision

Factors to consider along 3 axes

  • Business
    • Support 2-3 years of features/improvements
    • Costs/Resources
    • Setup
    • Operational
    • Cross-pollination
  • Tech
    • Integration - will it play well with existing tech in the org?
    • Enabling useful abstractions
    • Ecosystem
  • People
    • How do we prevent people from making mistakes?
    • Community
    • Cross-pollination
    • Hiring
    • Familiarity
  • Process
    • Fast feedback loop
  • How to approach decision making
  • Spikes
  • Kitchen Sink
  • Architecture Decision Record (ADR)

Case study - major front-end rewrite

  • Quick introduction of the app’s major features
  • Why do a rewrite?
  • Tech stack + what led to picking these (Popularity isn’t one of them)

    • Typescript + strict mode
    • npm
    • create-react-app
    • Prettier
    • VSCode settings

    • React

    • Redux + Thunk
    • React Router
    • connected-react-router
    • Prosemirror

    • Jest

    • Enzyme’s shallow & mounting tests as rule & exception
    • Cypress

    • CSS variables

    • CSS modules

Requirements

Write down all the questions you have about your tech stack decisions, and ask me before/after the talk.

Speaker bio

Dheeraj has been working for about 10 years now, in the nexus of tech, people, product and process. Technically, he’s a full stack engineer because he can create issues in any layer of a system. He just says he is a specialist in being a generalist. Dheeraj loves bad jokes; others around him aren’t as… appreciative. He likes video games, and someday, to create his own.

Links

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Make a submission

Accepting submissions till 21 Sep 2019, 07:20 AM

NIMHANS Convention Centre, Bangalore, Bangalore

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more