In JavaScript plan AKAAnd now, there are new...There are way new future in JavaScript Like optional chainDo you know optional chain?They are in the proposal right nowAnd maybe available to you in two t-yearsRather, like...For example if you want to...I said nested LA like A.B.CIf you want to, I said A.B.CAnd if B is nowถ้าทép Qmarae DionE is appropriate to give ไอห upstream call for it . In the future I want to make sure that it can work on the platform that will become a big thing in the futureเอาม... what I want to... if there is one thing that you come back home today and I want you to remember only one thing is gonna be closer is hosting language that can be porting into any environment. So if you learn Closure today, I am pretty sure that you can use it into the future into the next 10-20 years into the future. And we can also share... We can also be able to share the Co-short Code in the form called CLJCwhich means that you're gonna write most of the code into the GNLic Co-short Form that is not dependent on any language. And you can specify that some function needs to be language-specific and you can specify that in thisираntalmlike in this Co-short langthalm you're gonna run this function in another Co-short-Script langthalmInformation that have a dependency that come from coacheware and can include a dependency that come from JavaScript worldlike using package.json to load module into the node moduleand then you can call it.And you can even call the some JavaScript pre-compiler like jsx5and using layer component that somebody already load for you.Okay.And I want to make a point that if your app is simply enough, right?It's no different if you're using coacheware or JavaScript.But I mean if your app is compact enough, so coacheware is easily the big win because you can report to evaluate part of the system easily, right?And no need to like building the whole systemin order to shaking any part of the system.And it can also work on JavaScript framework such as the next.js.And okay.What next?So I want to show you my recommendation for Instacthat I use personally, not in the company.So I use react.js, right?For building the UI and next.js for render from inside.So while react, react is the kind of like a reactive functional viewso you declare the view that you want to haveand then just put the data in it and it will renderit will do the rendering optimizationso it's not render all the time.And right now like this year reactadd more and more feature all the time, right?Like do you know hook, react hook and react suspenseand react add more many many featurethat I don't think I'm not going to use thisand so we can limit scope of the react to just the functional viewAnd everything else, every interaction viewgoing to be like 10in code just keep part of the systemAnd then we have next.js which is the server-sideleddling framework.So if you have the react fileand then you want to render anythingyou can use next.js to render it.Okay.So for example, I want to show yousome of my code here.Okay.For example, I have the file herecalled the dbgam.So this is my site project.What I want to make is something like thisthey are project called dbdiagam.iothat they make something likesome take that can be able to create this tableFor example, if I make the new tabletableTestand then makejust make ididif you gonna generate new table or id hereand then it can have thethe link between two tablesomething like that.So my personal projectI want to make something that look like itwith some addingmall feature.So my project clearly look right here.So at least I have the same editorand then I have some basic renderinglike example I call it typeand if I have typeTestand then I have idthat have type intit gonna renderthe table content with the idSo all this thing arelighted in culture script right?So let looking at the code nowOkay.So right now we havethe code hereand it just look like theculture code right?That you have the namespread and something like that.The basiccan you see it?Do you see the code now?Okay.This should be better.Okay.So I includesome thing right?And someanother filelike app.dbgam.parser file.So what I have right hereis like a kind of normalculture code except thisrequire file right?So normally in culture codeyou don't require thing right?So do require some symbollikeculture.stingAnd this is like aspecialparser forchannel CRJSo in this exampleyou can include anynpm.module fileapm.moduleinside this fileby just using thethe Sting name.For example currently I use therexmp code editorI use the code modelrexcode model right?So actually this oneis come fromnpmLet's see.Can I connectto the internet?Okay.No.So let's seeI have the project.cojhere that containedthe react codethe react code modelto right?So I just importthis projectbecause I don't want tomake my owncode editor right?So I use somenpm projectand it's super easyI just do somethinglikenpm install react code modeltoand then use it hereJust like you are using itin theculture scriptin sorryin JavaScriptbut it'sit's more easyit's more easy right?because we have thereport right herethat you canconnect yourcode intothe systemon the browserJust wait a little bitOkay.So right nowILet's start it againSo right nowI have browser here right?And then if Istop the report hereand I makethe new reportI will connectto somea report right?Okay.And this reportis not browser reportright?I need togo to theclj reportthatI gonnarequiresomechadowcljDev2and thenI gonna run commandthis commandchadowcljreport commandthat willconnect methat willconnect meto thesomechadowcljAvenouementthis onecalledappdbgmAvenouementright?So if youlooking attheAvenouementlikedbgmAvenouementhereSo in thisAvenouementI willconnect mysystemthisAvenouementwill gonnastart theqtp serveron-podx4x0right?Andandit canhave like ap loadsome Dev2andhave thestarting pointfor thehome moduleSo we canconnect thisFor exampleif Imakesend thiscommentto thebouserthe basic oneispass1right?And thenI send this codeto thebouserit gonnareturnoneright?So howcan Imake sureisconnect totheserverwe cando somethingOkAnd the resultis hereSo you canyou cando theyou can have thefullreportAvenouementthatconnect to thereportSo right nowI have mycode hereright?Andit come fromhmmLet's seewhere it come fromit come fromthe app.dbgm.passerright?And I gonnalook at itand I havethe table coderight?TablebasicSoif Ichangethe originalsort codeone hereumI gottasteumintAnd IsaveOkChannelsageI also havean officerfuturethat you canwheneveryou save anythingit will reloadthe whole filethat youworking onandreland the whole thing againSo you cando likereporting bysending commandone by oneorlighting codein the fileand save itand yousend the whole fileinto thereportAndthe next thingthat I want toshow youis thejavascript interopright?So right hereI havethe filecalleddbgm.cljAnd nextto this fileI havefile calledtest.jsAnd it'slike a normaljavascript filethat you canreport thinglike areport defaulttake javascript fileintake javascript fileright?And thenif I come back hereand Iload thattaste filetaste take filelike aI just include itjust like thenpm includenew file right?So if itin the little clip partpoint itinto therelative filelike a.slaptestand it will importas thenpmother nodeimportfeatureSo basicallyyou havetwo modethat you can importcode intoin the nodethe defaultoneand thenext oneis theas oneSo rightherewe haveifI alreadyreload itright?Andit willgonna go tohere right?Let melockit'soutconsole.logtest fileOkayit willgonna lockthetake javascriptfile hereand thenif Ichange anythingfrom this filelike ataketake fileinandlike thisconsole againit willgonnausing thenew versionof the javascript fileSo this wayyou caninputyourcultureskip fileinto theprojectinto theexitjavascriptprojectand thentest itwith theculturereportandthe next thingis howaboutculturescriptinjavascript fileRight?Sothe next thingI want to show youis the wholeproject hereiscompileintojavascript fileRight?So if youlooking intotheproject hereI havefunction calledsortculture scriptand it willshow theothercompile code hereSo right nowI haveprojectandand it's gonna bein thein javascript formatthatis not that hard toreadfor exampleif Ilooking at my codehereI have a lot of commentsbut I havesomething calledcodewowstand for code valueright?that get the datafrom theparsertable basicso if Ilooking at the codeherefilefilevaluablecodecodewowright?you seeit's just thefunctionit's just thefunctionit's just a valuablein javascript projectthat you caneasyuseoutsidetheculture scriptbecause it's normaljavascript fileokaylet's go tothe next partof the presentationumokayandum okayI already showed itdemodemo rightandI have some tiplikeif youalready usesomething likegraphqlwe can easilyuse thegraphql extensionthat will help youautocompeetingand checking theearlierin the projectby using intelligentthe same toolthat you usein thejavascript fileandandculture editorlike akerseepsiderkawaand on VS codealso supportculture scriptso itcan doautocompeetandand go todefinitionandand iteasy debuggingso becausethe wholecompilation thingis justcompinewhat isearlier and where it come fromandat the endof the talkI thinkwe canand we shouldleadculture knowledge everywherelike incultureinculture scriptor in the futuremaybe in the dotlanguageandinteractive developmentand functional programmingwill help youbecomebetter developerthank youthat isok any questionItalk too fartoo slow or whatok thank you everyoneok