BEGIN:VCALENDAR VERSION:2.0 PRODID:-//HasGeek//NONSGML Funnel//EN DESCRIPTION:A conference on React X-WR-CALDESC:A conference on React NAME:ReactFoo 2017 X-WR-CALNAME:ReactFoo 2017 REFRESH-INTERVAL;VALUE=DURATION:PT12H SUMMARY:ReactFoo 2017 TIMEZONE-ID:Asia/Kolkata X-PUBLISHED-TTL:PT12H X-WR-TIMEZONE:Asia/Kolkata BEGIN:VEVENT SUMMARY:Check in and Breakfast DTSTART:20170914T030000Z DTEND:20170914T040000Z DTSTAMP:20260414T230643Z UID:session/ArFEn1PMuPU8rw7mVsv7J@hasgeek.com SEQUENCE:0 CREATED:20170824T090949Z DESCRIPTION:\n LAST-MODIFIED:20170830T090645Z LOCATION:Bangalore ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Check in and Breakfast in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Introduction to the conference and HasGeek app demo DTSTART:20170914T040000Z DTEND:20170914T041500Z DTSTAMP:20260414T230643Z UID:session/ACqb6uY1cZrNhkna67VpfT@hasgeek.com SEQUENCE:0 CREATED:20170824T091026Z DESCRIPTION:\n LAST-MODIFIED:20170824T091038Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Introduction to the conference and HasGeek app demo in Auditor ium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Shared Element Transition with React Native DTSTART:20170914T041500Z DTEND:20170914T050000Z DTSTAMP:20260414T230643Z UID:session/KsNJtvc2iBcSExyGrV7gVv@hasgeek.com SEQUENCE:2 CATEGORIES:Full Talk,Intermediate CREATED:20170825T073554Z DESCRIPTION:Outline:\n\n1. What is shared element transitions.\n2. Advanta ges of having a smooth continuous experience.\n3. Why is this a talk? Does React Native support true shared elements?\n4. Overview on what we are bu ilding.\n5. Brief details on the approach where I will explain the clever trick of smoke and mirror.\n6. Implementing Entry and Exit animation durin g transition.\n7. Implementing Transition layer for the shared element.\n8 . Will then talk about ways to implement animations in transition layer.\n 9. One way is to interpolating on the width\, height\, top and left and an alyze its performance and why useNativeDriver cannot be used\n10. Another way is to interpolating on transform and using useNativeDriver\n\nThe summ ary of this talk is put together into a blog: https://medium.com/@narendra shetty/shared-element-transition-with-react-native-159f8bc37f50\n\n### Spe aker bio\n\nNarendra is a Frontend Developer at Booking.com. He is been wo rking with React & React Native for over a year now. He cares about perfor mance and believes that performance is a key for conversion.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/shared-element-transition-w ith-react-native-KsNJtvc2iBcSExyGrV7gVv BEGIN:VALARM ACTION:display DESCRIPTION:Shared Element Transition with React Native in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Delivering Instant Update Patches for React Native to 50+ million people DTSTART:20170914T050000Z DTEND:20170914T052000Z DTSTAMP:20260414T230643Z UID:session/QgtELc4sFZcGkQG4VfHeHj@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp Talk,Intermediate CREATED:20170830T090512Z DESCRIPTION:The existing issues with other Over The Air Update solutions\n Workings of the React Native Packager\nMaking the unpredictable bundle gen eration\, predictable\nGetting just the update patch\nSharing code between multiple bundles\nFurther optimizations\nBuilding a generic deployer syst em.\n\n### Speaker bio\n\nSurya Kanoria is a co-creator of the team that s tarted React Native at Flipkart. He developed the Over The Air Update Syst em for React Native. He has also worked on the Android\, PWA\, AMP and Win dows stack at Flipkart apart from React Native. His goal is to improve Use r Experiences on Mobile Devices and is currently working on developing a C ross Platform Framework.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/delivering-instant-update-p atches-for-react-native-to-50-million-people-QgtELc4sFZcGkQG4VfHeHj BEGIN:VALARM ACTION:display DESCRIPTION:Delivering Instant Update Patches for React Native to 50+ mill ion people in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Morning break DTSTART:20170914T052000Z DTEND:20170914T055000Z DTSTAMP:20260414T230643Z UID:session/WyFWcxG9YcevMAQZ3bFZjv@hasgeek.com SEQUENCE:0 CREATED:20170824T091246Z DESCRIPTION:\n LAST-MODIFIED:20170913T091621Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Morning break in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:OTR React Native DTSTART:20170914T053000Z DTEND:20170914T060000Z DTSTAMP:20260414T230643Z UID:session/HSdYoh3o3bYzgm7myEqa8o@hasgeek.com SEQUENCE:0 CREATED:20170829T114051Z DESCRIPTION:\n LAST-MODIFIED:20170912T085707Z LOCATION:Banquet - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:OTR React Native in Banquet in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Importance of Testing & the Right Way to Test React Components DTSTART:20170914T055000Z DTEND:20170914T061000Z DTSTAMP:20260414T230643Z UID:session/CBQqCJ2CXGXrNjtcoCiRJf@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp Talk,Intermediate CREATED:20170824T092424Z DESCRIPTION:Existing problems. Why testing is important ? How it can help your software.\nWhy developers should be writing testcases?\nTesting React components - Right way to test\, What to test in React applications?\nWhy jest?\nWhat is snapshot testing?\nCool features in Jest\nFuture scope of Jest\nThis talk will give you in depth knowledge about how to test your ap plication built in react.\n\n### Speaker bio\n\nI am 24 years old currentl y working at BookMyShow as Senior Developer and have been obsessed with co ding since I graduated out of college.I am public speaker. I love to work with JavaScript and front end technologies like Angular\, Backbone\, jQuer y\, React and exploring new frameworks and stacks all the time. I have bui lt my own network of friends in the Mumbai developer community wherever I have attended conferences. I am also an organizer of Mumbai Women Coders C ommunity supported by Microsoft India.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/importance-of-testing-right -way-to-test-react-components-CBQqCJ2CXGXrNjtcoCiRJf BEGIN:VALARM ACTION:display DESCRIPTION:Importance of Testing & the Right Way to Test React Components in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Isolated React Components as a Black Box with Automated UI Testing DTSTART:20170914T061000Z DTEND:20170914T063000Z DTSTAMP:20260414T230643Z UID:session/6AnZpdxmLehxta7hpV3uQq@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp Talk,Intermediate CREATED:20170825T074008Z DESCRIPTION:1. Why - At Housing.com\, when we moved to react from Backbone JS\, we started gradually\, creating components like just home page then l ist view\, and so on. But we soon realised that\, components(reusable comp onents) are getting messier\, since there are so many components just beca use everything is component in React. Components started growing like craz y.\n2. Problem - Since we have our mobile website and desktop website sepa rate (though we serve both with housing.com)\, we had to write same react components in desktop as well as mobile\, may be with just styling / css c hanges\, but the logical flow & business use case of a software feature us ed to remain same.\n3. Solution - Isolating bunch of components as a black box. We started creating npm modules\, and including them in a code as a feature. So our isolated react component is not just a dump component\, bu t it takes care of executing entire feature.\n4. Going further and decoupl ing things - it was easy for us to figure it out\, what should be isolated component\, what should not be. I will be showing when to make Isolated c omponent and when not to.\n5. Using React storybook to build components in isolation \n6. Redux Store - Since its isolated component\, we don't shar e data\, actions\, store. Every isolated component works on its own store. \n\n### Speaker bio\n\nI work with Housing.com as part of Front End team\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/isolated-react-components-a s-a-black-box-with-automated-ui-testing-6AnZpdxmLehxta7hpV3uQq BEGIN:VALARM ACTION:display DESCRIPTION:Isolated React Components as a Black Box with Automated UI Tes ting in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:The Road to Styled Components\, and the Road Ahead DTSTART:20170914T063000Z DTEND:20170914T071500Z DTSTAMP:20260414T230643Z UID:session/GNeybWYkNDQbviWQyznJMH@hasgeek.com SEQUENCE:2 CATEGORIES:Full Talk,Intermediate CREATED:20170824T092309Z DESCRIPTION:This will be adapted and lengthened from a recent talk at a lo cal conference\, slides are here: https://speakerdeck.com/geelen/the-road- to-styled-components\n\n### Speaker bio\n\nGlen Maddern is an independent front-end web developer\, consultant & educator. He's the producer of Fron t End Center\, the co-creator of Styled Components & CSS Modules and an or ganiser of CSSConf AU & JSConf AU.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/the-road-to-styled-componen ts-and-the-road-ahead-GNeybWYkNDQbviWQyznJMH BEGIN:VALARM ACTION:display DESCRIPTION:The Road to Styled Components\, and the Road Ahead in Auditori um in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Lunch DTSTART:20170914T071500Z DTEND:20170914T081500Z DTSTAMP:20260414T230643Z UID:session/PtNFxMKqzDe6FdACRb6MJw@hasgeek.com SEQUENCE:0 CREATED:20170824T091334Z DESCRIPTION:\n LAST-MODIFIED:20170830T093207Z LOCATION:Bangalore ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Lunch in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:A portal to the future DTSTART:20170914T081500Z DTEND:20170914T085500Z DTSTAMP:20260414T230643Z UID:session/YZ8vBeUVo6VFzHFtchZJps@hasgeek.com SEQUENCE:2 CATEGORIES:Full Talk,Intermediate CREATED:20170824T092342Z DESCRIPTION:Fiber release brought with it some pretty cool features but th e best is yet to come!\n\nFirst\, let’s talk about array children\, erro r boundaries and renderToStream. Then\, I’ll give you a sneak peak into one of the upcoming features that might change the way you build your Reac t applications. Portals open up a lot of opportunities and traps!\n\nLet ’s explore 2 of them: reducing client bundle sizes and easier state mana gement.\n\n### Speaker bio\n\nWhy should you let me talk about this/Why am I excited about it?\n\n1. I am a regular speaker at ReactJS Meetup in Ban galore. Have talked about styling\, testing\, performance\, designing and some more\n2. I make OSS projects for building performant apps easier: cos t-of-modules\, recreate\, reaqt\, css-constructor.\n3. I obsess over inter faces\, web performance and developer experience.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/add-superpowers-to-your-rea ct-components-using-decorators-YZ8vBeUVo6VFzHFtchZJps BEGIN:VALARM ACTION:display DESCRIPTION:A portal to the future in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Stretching session DTSTART:20170914T085500Z DTEND:20170914T090500Z DTSTAMP:20260414T230643Z UID:session/TYE5n2cc69JF3zxx9jXuJV@hasgeek.com SEQUENCE:0 CREATED:20170824T091454Z DESCRIPTION:\n LAST-MODIFIED:20170830T093211Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Stretching session in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Flash talks DTSTART:20170914T090500Z DTEND:20170914T094500Z DTSTAMP:20260414T230643Z UID:session/RRRvmLBAGFADuWFQayf682@hasgeek.com SEQUENCE:0 CREATED:20170829T124015Z DESCRIPTION:\n LAST-MODIFIED:20170830T093213Z LOCATION:Banquet - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Flash talks in Banquet in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Better Async with Redux Saga DTSTART:20170914T090500Z DTEND:20170914T092500Z DTSTAMP:20260414T230643Z UID:session/5a8VYnG9t6nacPtB921AYR@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp Talk,Intermediate CREATED:20170824T092357Z DESCRIPTION:- Generator Functions\n- Simple Example \n- Complex Exampe of Generator\n- Redux Saga Introduction\n- Saga helper functions\n- Complex A sync Example \n- Testing Sagas\n\n### Speaker bio\n\nKushan is a developer at Mapbox working on tools to scale our mapping and validation processes. \n\nKushan is one of the core developers of the OpenStreetMap iD editor. H e is passionate about open source software and holds a bachelor’s degree in computer science.\n\nIn his free time\, Kushan likes to read science f iction\, play Civilization\, and watch anime.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/better-async-with-redux-sag a-5a8VYnG9t6nacPtB921AYR BEGIN:VALARM ACTION:display DESCRIPTION:Better Async with Redux Saga in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Consuming Services Reliably in Redux without Losing Your Mind DTSTART:20170914T092500Z DTEND:20170914T094500Z DTSTAMP:20260414T230643Z UID:session/Dj16mcvtsc6C2kjUGkgaz2@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp Talk,Intermediate CREATED:20170829T101703Z DESCRIPTION:### Problem Statement\n\nWe identify potential issues with the most common ways of consuming services\, in `componentDidMount`. \n\n### How do we fix this\n\n- we write simple middleware to handle API calls and define a standard for actions that trigger this\n- we build a mechanism f or handling JWT with automatic token refresh and storage\n- we build an au tomatic failure and retry mechanism\n- we add caching into the mix\n\n### Conclusion\n\nIt looks like we just built a really reliable web app\, folk s.\n\n### Speaker bio\n\nSidhartha is a software developer and entrepreneu r with a passion for finding elegant solutions to hard problems\, and tira misu.\n\nHe has previously worked for Insider.in where he built much of th e complex microservices and setup infrastructure.\n\nBesides functional pr ogramming and DevOps\, he has special interests in serverless computing. O n Sundays\, you’ll find him playing the guitar or walking his dog\, Love .\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/consuming-services-reliably -in-redux-without-losing-your-mind-Dj16mcvtsc6C2kjUGkgaz2 BEGIN:VALARM ACTION:display DESCRIPTION:Consuming Services Reliably in Redux without Losing Your Mind in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Componentization Patterns in React DTSTART:20170914T094500Z DTEND:20170914T101500Z DTSTAMP:20260414T230643Z UID:session/63tri3oTtgmYhLsXSFJba8@hasgeek.com SEQUENCE:2 CATEGORIES:Crisp Talk,Intermediate CREATED:20170830T064507Z DESCRIPTION:The talk will cover the following topics:\n\n1. Why componen tization?\n2. Suggested approach to componentization\n * Presentatio n/Container Model\n * Dealing with states between Presentation/Contain er components\n * Understanding how can we leverage benefits of such a model to enhance development process\n * Case studies (https://github .com/abraarsyed/react-design-patterns)\n3. Composition vs Inheritance\n * Understanding current trends in programming\n * What does JavaSc ript and React say about it?\n * Patterns and Anti-patterns\n * Ch oosing the best fit\n\n### Speaker bio\n\n###### Who am I?\n\nI am a FOSS evangelist\, tech enthusiast and a fun loving person. I love socializing a nd meeting new people. This is why I spend most of my leisure building com munities. I have been an active member of many open source and free softwa re organisations like FSMK (Volunteer) and Mozilla (Regional Ambassador Le ad).\n\nCurrently\, I work as a Product Engineer at jnaapti. At jnaapti\, I spend most of my days writing code\, building software courses and train ing corporates and engineering students. This exposes me to large set of t echnologies like React\, Angular\, Python\, Docker\, MongoDB\, Java\, Java Script\, Linux Shell Scripting and many more.\n\n##### Why am I excited ab out it?\n\nI have been writing code in React for over 1.5 years now. This has led me to come across a lot of patterns\, anti patterns and best pract ises in react which we usually dont see in the initial stages of developme nt. I have gained some insightful understanding of writing code in React a nd would love to share it with others.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/componentization-patterns-i n-react-63tri3oTtgmYhLsXSFJba8 BEGIN:VALARM ACTION:display DESCRIPTION:Componentization Patterns in React in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:OTR - State Management DTSTART:20170914T095000Z DTEND:20170914T102000Z DTSTAMP:20260414T230643Z UID:session/BxvpsgoY8qrPKsoUx8uxuN@hasgeek.com SEQUENCE:0 CREATED:20170825T130044Z DESCRIPTION:\n LAST-MODIFIED:20170912T085408Z LOCATION:Banquet - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:OTR - State Management in Banquet in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Evening break DTSTART:20170914T101500Z DTEND:20170914T104500Z DTSTAMP:20260414T230643Z UID:session/T6MVEyra4iStjANXZWhEMM@hasgeek.com SEQUENCE:0 CREATED:20170824T091555Z DESCRIPTION:\n LAST-MODIFIED:20170913T091631Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com BEGIN:VALARM ACTION:display DESCRIPTION:Evening break in Auditorium in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:Improving Load time of a Production React App DTSTART:20170914T104500Z DTEND:20170914T113000Z DTSTAMP:20260414T230643Z UID:session/J29KQiv6JVAJMNWbdGFhcM@hasgeek.com SEQUENCE:2 CATEGORIES:Full Talk,Intermediate CREATED:20170825T091447Z DESCRIPTION:Introduction\n- Tech stack of the urbanclap front end website \n- Complexities faced in improving performance \n- How to do perform ance improvement in a structured manner \n- Only focusing on shipping le ss assets \n\nHow to get the best out of webpack bundling\n- JS Chunking \n- CSS Chunking \n- Mobile/Desktop Chunking \n- Chunks on Demand \n\nCommon pitfalls with third party libraries usage\n- Loadash \n- Mat erialUI\, Moment.js \n- Babel \n\nMiscellaneous assets\n- Images \n- Fonts \n- Redux Store/Api Content \n\nTools/Performance Monitoring\n- Why is it VERY important \n- Webpack Analyzer \n- Webpagetest.org \n - Continuous Integration \n\nSummary/Learnings\n- Engineering vs Busine ss \n- Performance is not a sprint\, its a marathon \n- Metrics & Acco untability\n\n### Speaker bio\n\nKanav Arora is head of FrontEnd Engineeri ng at UrbanClaps\, heading their web and mobile development teams. Prior t o UrbanClap\, Kanav has worked as a Software Developer at Microsoft and Le ad iOS Developer at silicon valley mobile gaming company\, PocketGems. He was also the CTO of a startup named Stuph in the valley\, before moving to India. Kanav holds a BS in Computer Science from UC Berkeley.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/improving-load-time-of-a-pr oduction-react-app-J29KQiv6JVAJMNWbdGFhcM BEGIN:VALARM ACTION:display DESCRIPTION:Improving Load time of a Production React App in Auditorium i n 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT BEGIN:VEVENT SUMMARY:An intro to DraftJS\, and its immutable data model DTSTART:20170914T113000Z DTEND:20170914T121500Z DTSTAMP:20260414T230643Z UID:session/MaAY6j4M2dcqWwppCbZeJX@hasgeek.com SEQUENCE:2 CATEGORIES:Intermediate CREATED:20170830T091750Z DESCRIPTION:- There are multiple paradigms of text editing on the web\; WY SIWYG editors have become a defacto standard for writing long form article s\n\n- After a brief look at a couple of text editing paradigms\; the inco nsistent `content-editable` behaviour across browsers\, and how the abstra ction provided by DraftJS solves the problem...\n\n- ...the core of the ta lk would be concentrated on how DraftJS leverages ImmutableJS to maintain the entire state of an editor — the content\, the selection state\, and a bunch of other things — using an immutable data model\n\n- Because of the above fact — the entire editor state being nothing but an Immutable data structure — we can conceive any imaginable state of the editor that we might want to\, using the ImmutableJS API ...and we shall see the same using examples\, and code\n\n- Towards the end the talk shall discuss the benefits of immutability\, immutable data structures\; which one could co nsider while building data models for an application\n\n### Speaker bio\n\ nSai is a Developer Evangelist at Hashnode. Apart from interacting with th e global Hashnode community\, his work is spread across the entire Hashnod e's tech stack. Recently\, he has spearheaded the "WYSIWYG editor" project at Hashnode.\n LAST-MODIFIED:20230810T072606Z LOCATION:Auditorium - MLR Convention Centre\, J P Nagar\nBengaluru \nIN ORGANIZER;CN=ReactFoo:MAILTO:no-reply@hasgeek.com URL:https://hasgeek.com/reactfoo/2017/schedule/an-intro-to-draftjs-and-its -immutable-data-model-MaAY6j4M2dcqWwppCbZeJX BEGIN:VALARM ACTION:display DESCRIPTION:An intro to DraftJS\, and its immutable data model in Auditori um in 5 minutes TRIGGER:-PT5M END:VALARM END:VEVENT END:VCALENDAR