{"id":311094,"date":"2020-10-07T09:00:43","date_gmt":"2020-10-07T09:00:43","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=311094"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=311094","title":{"rendered":"Front End Meetup \u043e\u0442 Facebook Developer Circle: Moscow"},"content":{"rendered":"\n<div class=\"post__text post__text_v2\" id=\"post-content-body\" data-io-article-url=\"https:\/\/habr.com\/ru\/post\/522346\/\">\n<p>\u0412\u0442\u043e\u0440\u043e\u0439 \u0433\u043e\u0434 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e Facebook Developer Circle: Moscow \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 JavaScript \u0438 Front End&#8217;\u0430. \u0418 \u044f \u0440\u0430\u0434 \u0432\u0430\u043c \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c, \u0447\u0442\u043e \u0441\u043a\u043e\u0440\u043e \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u043c\u0438\u0442\u0430\u043f. \u041d\u043e \u044d\u0442\u043e\u0442 \u043c\u0438\u0442\u0430\u043f \u0431\u0443\u0434\u0435\u0442 \u043d\u0435 \u043e\u0434\u0438\u043d, \u0430 \u0442\u0440\u0438 \u0434\u043d\u044f! \u0412\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0434\u043e\u043a\u043b\u0430\u0434\u043e\u0432)<\/p>\n<p><strong><u>Day 1 &#8212; 15 \u043e\u043a\u0442\u044f\u0431\u0440\u044f<\/u><\/strong><\/p>\n<p><strong>7:00pm &#8212; 7:45pm &#8212; DSL approach with JS component libraries<\/strong> <br \/><strong>Andrey Kobets \/ Head of Front-end Development at Yandex <\/strong><\/p>\n<p>How to write modern frontend application using React\/Vue\/Angular\/&#8230;, and<br \/>1 Do it the way you like it, but not the way the library requires it.<br \/>2 Use only the best solutions for your task.<br \/>3 Not to fear major updates of dependencies.<br \/>4 Not to rewrite project every time with a new extra fast\/robust\/flexible library.<\/p>\n<p><strong>7:45pm &#8212; 8:30pm &#8212; Quo vadis, Frontend?<\/strong><br \/><strong>Evgeny Kot \/ Director of Development at Wrike<\/strong><\/p>\n<p>There is no industry that is more rapidly developing than the frontend.  You can argue, but how many more ecosystems do you know where frameworks  are emerging at this rate? Web standards are being implemented and  immediately become obsolete. The most important question is: where are  we going, and where will we come to? The question is not rhetorical: how  not to stay out of business in this bubbling stream and capture only  the most important, what will be the trend in 2021.<\/p>\n<p><strong>8:30pm &#8212; 9:15pm &#8212; Dive into effector<\/strong><br \/><strong>Yan Lavryushev \/ Frontend Developer<\/strong><\/p>\n<p>Mental health issues is the main epidemic of the 21st century, could we reduce it a bit? I guess so<\/p>\n<p><strong><u>Day 2 &#8212; 16 \u043e\u043a\u0442\u044f\u0431\u0440\u044f<\/u><\/strong><\/p>\n<p><strong>7:00pm &#8212; 7:45pm &#8212; What&#8217;s beyond CRA*?<\/strong><br \/><strong>Vitaly Kosenko \/ Head of Search Interfaces Architecture at Yandex<\/strong><\/p>\n<p>The Yandex Search page result doesn\u2019t look the same for every search  request. A great amount of such requests transforms the search page into  complex services like hotel booking services or streaming services. We  optimized the performance of the interfaces for users and the  performance for developers, and then, we decided to rewrite everything  using a different technological stack. I\u2019ll tell you how the migration  was technically done. Of course, we\u2019ll discuss every key step in detail.  Be ready for a series of advice from real-world projects.<\/p>\n<p><strong>7:45pm &#8212; 8:30pm &#8212; Practical Serverless &amp; Edge Computing<\/strong><br \/><strong>Aleksey Taktarov \/ resume.io<\/strong><\/p>\n<p>While serverless is way beyond its hype point, it is still an  underestimated technology that could open up new approaches in how we  build our apps. In this talk I&#8217;m going to give an overview of practical  applications of serverless JS. We&#8217;re going to cover serverless frontend  microservices, authorization methods, Smart CDNs, caching (including  stale-while-revalidate) with Vercel and Cloudflare Workers. I&#8217;ll  illustrate these methods with practical examples from the tools we build  internally at [resume.io](http:\/\/resume.io): OG image generation,  PDF\/DOCX rendering, automatic Critical CSS injection and more.<\/p>\n<\/p>\n<p><strong>Day 3 &#8212; 17 \u043e\u043a\u0442\u044f\u0431\u0440\u044f<\/strong> <\/p>\n<p><strong>10:45am &#8212; 11:30am &#8212; Pipelinekiller. Life after create-react-app<br \/>Aleksey Zolotykh \/ Lead Software Developer at EPAM<\/strong><\/p>\n<p>With the release of react-scripts, next and other parsel, it seems that  here it&#8217;s happiness left only to write code and enjoy life. But it&#8217;s not  so. Life doesn&#8217;t stop at create-react-app. After all, front-end is not  enough just to build, it also needs to be checked. My presentation will  be about how to do it without noise and dust.<\/p>\n<p><strong><br \/>11:30am &#8212; 12:15asssm &#8212; Binary JS saga<br \/>Aleksandr Korotaev \/ Senior Software Developer at VK.com<\/strong><\/p>\n<p>I want to talk about parsing binary files using Node.js.<br \/>How to read and write binary data structures on JS. How to speedup mass creation files process.<br \/>And stories of parsing data chunks of formats for which there is no specification.<\/p>\n<p>\u0421\u043e\u0431\u044b\u0442\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435, \u0430 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 <a href=\"https:\/\/facebook-developer-circle-front-end-online.splashthat.com\/\" rel=\"noopener noreferrer nofollow\">\u0437\u0434\u0435\u0441\u044c<\/a>.<br \/>\u0414\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0438 \u043d\u0430 \u043c\u0438\u0442\u0430\u043f\u0435!)<\/p>\n<\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/post\/522346\/\"> https:\/\/habr.com\/ru\/post\/522346\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div class=\"post__text post__text_v2\" id=\"post-content-body\" data-io-article-url=\"https:\/\/habr.com\/ru\/post\/522346\/\">\n<p>\u0412\u0442\u043e\u0440\u043e\u0439 \u0433\u043e\u0434 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e Facebook Developer Circle: Moscow \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 JavaScript \u0438 Front End&#8217;\u0430. \u0418 \u044f \u0440\u0430\u0434 \u0432\u0430\u043c \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c, \u0447\u0442\u043e \u0441\u043a\u043e\u0440\u043e \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u043c\u0438\u0442\u0430\u043f. \u041d\u043e \u044d\u0442\u043e\u0442 \u043c\u0438\u0442\u0430\u043f \u0431\u0443\u0434\u0435\u0442 \u043d\u0435 \u043e\u0434\u0438\u043d, \u0430 \u0442\u0440\u0438 \u0434\u043d\u044f! \u0412\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0434\u043e\u043a\u043b\u0430\u0434\u043e\u0432)<\/p>\n<p><strong><u>Day 1 &#8212; 15 \u043e\u043a\u0442\u044f\u0431\u0440\u044f<\/u><\/strong><\/p>\n<p><strong>7:00pm &#8212; 7:45pm &#8212; DSL approach with JS component libraries<\/strong> <br \/><strong>Andrey Kobets \/ Head of Front-end Development at Yandex <\/strong><\/p>\n<p>How to write modern frontend application using React\/Vue\/Angular\/&#8230;, and<br \/>1 Do it the way you like it, but not the way the library requires it.<br \/>2 Use only the best solutions for your task.<br \/>3 Not to fear major updates of dependencies.<br \/>4 Not to rewrite project every time with a new extra fast\/robust\/flexible library.<\/p>\n<p><strong>7:45pm &#8212; 8:30pm &#8212; Quo vadis, Frontend?<\/strong><br \/><strong>Evgeny Kot \/ Director of Development at Wrike<\/strong><\/p>\n<p>There is no industry that is more rapidly developing than the frontend.  You can argue, but how many more ecosystems do you know where frameworks  are emerging at this rate? Web standards are being implemented and  immediately become obsolete. The most important question is: where are  we going, and where will we come to? The question is not rhetorical: how  not to stay out of business in this bubbling stream and capture only  the most important, what will be the trend in 2021.<\/p>\n<p><strong>8:30pm &#8212; 9:15pm &#8212; Dive into effector<\/strong><br \/><strong>Yan Lavryushev \/ Frontend Developer<\/strong><\/p>\n<p>Mental health issues is the main epidemic of the 21st century, could we reduce it a bit? I guess so<\/p>\n<p><strong><u>Day 2 &#8212; 16 \u043e\u043a\u0442\u044f\u0431\u0440\u044f<\/u><\/strong><\/p>\n<p><strong>7:00pm &#8212; 7:45pm &#8212; What&#8217;s beyond CRA*?<\/strong><br \/><strong>Vitaly Kosenko \/ Head of Search Interfaces Architecture at Yandex<\/strong><\/p>\n<p>The Yandex Search page result doesn\u2019t look the same for every search  request. A great amount of such requests transforms the search page into  complex services like hotel booking services or streaming services. We  optimized the performance of the interfaces for users and the  performance for developers, and then, we decided to rewrite everything  using a different technological stack. I\u2019ll tell you how the migration  was technically done. Of course, we\u2019ll discuss every key step in detail.  Be ready for a series of advice from real-world projects.<\/p>\n<p><strong>7:45pm &#8212; 8:30pm &#8212; Practical Serverless &amp; Edge Computing<\/strong><br \/><strong>Aleksey Taktarov \/ resume.io<\/strong><\/p>\n<p>While serverless is way beyond its hype point, it is still an  underestimated technology that could open up new approaches in how we  build our apps. In this talk I&#8217;m going to give an overview of practical  applications of serverless JS. We&#8217;re going to cover serverless frontend  microservices, authorization methods, Smart CDNs, caching (including  stale-while-revalidate) with Vercel and Cloudflare Workers. I&#8217;ll  illustrate these methods with practical examples from the tools we build  internally at [resume.io](http:\/\/resume.io): OG image generation,  PDF\/DOCX rendering, automatic Critical CSS injection and more.<\/p>\n<\/p>\n<p><strong>Day 3 &#8212; 17 \u043e\u043a\u0442\u044f\u0431\u0440\u044f<\/strong> <\/p>\n<p><strong>10:45am &#8212; 11:30am &#8212; Pipelinekiller. Life after create-react-app<br \/>Aleksey Zolotykh \/ Lead Software Developer at EPAM<\/strong><\/p>\n<p>With the release of react-scripts, next and other parsel, it seems that  here it&#8217;s happiness left only to write code and enjoy life. But it&#8217;s not  so. Life doesn&#8217;t stop at create-react-app. After all, front-end is not  enough just to build, it also needs to be checked. My presentation will  be about how to do it without noise and dust.<\/p>\n<p><strong><br \/>11:30am &#8212; 12:15asssm &#8212; Binary JS saga<br \/>Aleksandr Korotaev \/ Senior Software Developer at VK.com<\/strong><\/p>\n<p>I want to talk about parsing binary files using Node.js.<br \/>How to read and write binary data structures on JS. How to speedup mass creation files process.<br \/>And stories of parsing data chunks of formats for which there is no specification.<\/p>\n<p>\u0421\u043e\u0431\u044b\u0442\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435, \u0430 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 <a href=\"https:\/\/facebook-developer-circle-front-end-online.splashthat.com\/\" rel=\"noopener noreferrer nofollow\">\u0437\u0434\u0435\u0441\u044c<\/a>.<br \/>\u0414\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0438 \u043d\u0430 \u043c\u0438\u0442\u0430\u043f\u0435!)<\/p>\n<\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/post\/522346\/\"> https:\/\/habr.com\/ru\/post\/522346\/<\/a><br \/><\/br><\/br><\/br><\/br><\/br><\/br><\/p>\n<p><\/strong><\/br><\/br><\/p>\n<\/p>\n<p><\/br><\/br><\/p>\n<\/p>\n<p><\/br><\/br><\/br><\/p>\n<p><\/br><\/br><\/br><\/p>\n<p><\/br><\/br><\/br><\/br><\/br><\/br><\/br><\/p>\n<\/p>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-311094","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/311094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=311094"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/311094\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=311094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=311094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=311094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}