ReactFoo Pune

On lessons learned during implementation.

##About the event

After a successful first edition in Bangalore, ReactFoo travels to Pune. ReactFoo Pune will focus on the following topics:

  1. Success and failure stories of implementing React and React Native for your use-case.
  2. Lessons learned in shifting codebase from older frameworks to React.
  3. Comparative advantages of React and other JS frameworks.

ReactFoo Pune is an event for practitioners, by practitioners.

##Format

We invite developers and architects from large and small organizations to share their stories and insights with the community.

ReactFoo Pune is a two-day event with:

  • Hands-on workshops on 19 January.
  • Single track of talks and Birds of a Feather (BOF) sessions on 20 January.

30-40 participants will be admitted to each workshop. Workshop tickets have to be purchased separately. Workshops will be announced shortly.

##Who should attend

  1. JS engineers from enterprises.
  2. JS engineers from startups.
  3. Architects.
  4. Cross-platform mobile developers.

Why you should attend?

  1. To learn from and network with peers from the industry.
  2. To gain insights from case studies of practical implementation, and evaluate ReactJS and React Native for your work.
  3. To program better with React and React Native.

##Selection process

Proposals will be shortlisted and reviewed by an editorial team consisting of practitioners from the community. Make sure your abstract contains the following information:

  1. Key insights you will present, or takeaways for the audience.
  2. Overall flow of the content.

You must submit links to videos of talks you have delivered in the past, or record and upload a two-min self-recorded video explaining what your talk is about, and why is it relevant for this event.

Also consider submitting links to the following along with your proposal:

  1. A detailed outline, or
  2. Mindmap, explaining the structure of the talk, or
  3. Draft slides.

##Honorarium for selected speakers; travel grants

Selected speakers and workshop instructors will receive an honorarium of Rs. 3,000 each, at the end of their talk. Confirmed speakers and instructors also get a pass to the conference. We do not provide free passes for speakers’ colleagues and spouses.

Owing to a tight budget, we will not be able to offer travel grants or accommodation for this event.

##Important dates
ReactFoo Pune conference – 19 January, 2018.
ReactFoo Pune hands-on workshops – 20 January, 2018.
Last date for submissions - 7 December, 2017.

##Contact details:
For more information about speaking, ReactFoo, sponsorships, tickets, or any other information contact support@hasgeek.com or call 7676332020.

##Proposal topics:
Proposals that will be evaluated will focus on personal experiences with React from a first person perspective. We’re looking for talks that will expand on reasons for decisions made to implement React, stumbling points before and after having done so, successes or failure faced with React, etc. Instructional talks exploring new features and how-to talks are not going to be a part of this edition of the conference.

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more
Siddharth Kshetrapal

Siddharth Kshetrapal

@siddharthkp

Designing with React

Submitted Dec 3, 2017

Most of us work with designers and other developers on a daily basis. It isn’t always easy to maintain quality and consistency across teams or even features. Collaboration isn’t always easy with spec handovers, component states, achieving pixel perfection, etc.

Design systems have become really popular in the design world in the past couple of years and for good reason. React’s methodology of thinking in components along with recent tools like react-sketchapp make it feasible for designers and developers to work on a single system.

Outline

[or just watch the video instead]

Most of us work with designers and other developers on a daily basis. It isn’t always easy to maintain quality and consistency across teams or even features. Collaboration isn’t always easy with spec handovers, component states, pixel perfection, etc.

Design systems have become really popular in the design world in the past couple of years and for good reason. React’s methodology of thinking in components along with recent tools like react-sketchapp make it feasible for designers and developers to work on a single system.

In this talk I explain what is a design system (it’s not a just component library*) and try to convince folks about the value of design systems and show the path starting from scratch based on my experience from 2 culturally very different companies.

There are a bunch of technology and people problems to talk about here:

tech:

  • Choice of base stack (React over web-components/vue/etc)
  • Build your own or customize an existing framework like bluekit/react-bootstrap
  • Documentation as a product
  • Packaging and distribution strategies

people problems:

  • How to convince your boss that this is something that we need :),
  • How to drive adoption in other teams (if and why should they refactor their working apps to use this?)
  • How do you keep design assets and code in sync, long term maintainence model, etc.

I feel this is a topic worth talking about because we are the dawn of innovation at design + development tools and the more we embrace each other, the better our workflows will become.

*. Component library is part of the design system, it also includes design tokens that are shared across tech stacks, assets for designers to work with, documentation as a product and brand guidelines

Requirements

an open mind?

Speaker bio

Building design systems @auth0 ∙ ex @practo ∙ Built bundlesize & cost-of-modules ∙ Makes youtube videos ∙ Co-organises @ReactBangalore ∙ plays football, noob surfer

Comments

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

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

{{ errorMsg }}

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

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more