We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.
Feedback

Functional UI programming

00:00
subtitles
off
playback rate
1
subtitles
off
Englisch (auto-generated)
playback rate
0.25
0.5
0.75
1
1.25
1.5
1.75
2
quality
576p
 Cite
 Share
 Download Purchase
Norwegian Developers Conference (NDC)
 Johansen, Christian

Formal Metadata

Title
Functional UI programming
Alternative Title
Functional UI programming with React.JS and ClojureScript
Title of Series
Number of Parts
Author
License
CC Attribution - NonCommercial - ShareAlike 3.0 Unported:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal and non-commercial purpose as long as the work is attributed to the author in the manner specified by the author or licensor and the work or content is shared also in adapted form only under the conditions of this
Identifiers
Publisher
Release Date
Language

Content Metadata

Subject Area
Genre
Abstract
Various JavaScript toolkits have been offered the past few years to enable the use of functional patterns on the frontend. While these tools promote composable APIs and pure functions to a certain degree, UI programming is still encumbered with stateful MV*-like frameworks, or just plain dirty DOM manipulation. Facebook's React is an interesting approach to UI programming in the browser that does away with manual DOM manipulation all together, and more closely resembles classic UI programming. Combine this approach with the immutable data structures of Clojurescript, and we're really getting somewhere. In this talk I will explore the path to fully functional UI programming in the browser through React, Clojurescript, Om (React for Clojurescript) and other tools.
00:00
Multiplication signObject (grammar)Shared memoryConnectivity (graph theory)BitNeuroinformatikPrototypeWeb browserLibrary (computing)Complex (psychology)Different (Kate Ryan album)Endliche ModelltheorieMathematicsLimit (category theory)Core dumpSoftware frameworkoutputTouchscreenFunctional (mathematics)Point (geometry)VolumenvisualisierungFormal languageThresholding (image processing)Cartesian coordinate systemMereologyAttribute grammarNumberPower (physics)Element (mathematics)Web applicationSet (mathematics)Web pageWaveOrder (biology)Level (video gaming)DataflowData miningMessage passingRoundness (object)System callScripting languageDoubling the cubeCodeMedical imagingTerm (mathematics)RewritingLogicGradientData structureSocial classCoefficient of determinationQuicksortAngleComputer programmingProjective planeWindowField (computer science)Category of beingProxy serverFlow separationConfiguration spaceWave packetPropositional formulaOffice suiteView (database)Standard deviationComputer configurationDefault (computer science)User interfaceKeyboard shortcutWeb 2.0User interfaceEntire functionEvent horizonAbstractionComputer animation
09:20
Function (mathematics)VolumenvisualisierungComputer virusDigitale VideotechnikSoftware frameworkMathematicsMereologyConnectivity (graph theory)Module (mathematics)Network topologyElement (mathematics)AbstractionTouchscreenComplete metric spaceLevel (video gaming)Different (Kate Ryan album)System callStructural loadMultiplication signVolumenvisualisierungFlow separationGame controllerObject (grammar)Library (computing)Graph (mathematics)Asynchronous Transfer ModeData structureBenchmark2 (number)Cartesian coordinate systemForcing (mathematics)
13:13
Game theoryIdentity managementRepetitionData bufferSynchronizationCore dumpCompilerNamespaceComputer virusData typeString (computer science)VolumenvisualisierungMereologyWrapper (data mining)DemosceneRight angleFormal languageData miningNumberObject (grammar)TouchscreenLetterpress printingReading (process)Thread (computing)Video game consoleSocial classWeb 2.0CodeTesselationBitFunctional (mathematics)VolumenvisualisierungCountingWeb browserGame theoryElectronic mailing listComputer fileMemory managementRow (database)Data structureSystem callMathematicsLevel (video gaming)ResultantWhiteboardWeb pageLine (geometry)Order (biology)MultiplicationMappingUser interfaceShared memoryCommunications protocolConnectivity (graph theory)Type theoryLibrary (computing)Message passingFlagCASE <Informatik>CompilerProcess (computing)BuildingCrash (computing)Term (mathematics)Default (computer science)NamespaceMultiplication signAlgebraic closureCellular automatonProduct (business)Semiconductor memoryBit rateRepetitionScripting languageCartesian coordinate systemPhase transitionPoint (geometry)CausalityPower (physics)WordView (database)RootAttribute grammarServer (computing)Video gameSource codeJSON
22:22
Core dumpSynchronizationGame theoryVolumenvisualisierungWhiteboardRootPartition (number theory)View (database)Electric currentQuantum field theoryMacro (computer science)RepetitionCommunications protocolError messageCountingData typeDesign by contractMessage passingGame theoryMobile appData miningRow (database)NumberException handlingConnectivity (graph theory)TesselationElectronic mailing listCodeLine (geometry)Online helpBitMathematicsWhiteboardMacro (computer science)Object (grammar)Level (video gaming)ImplementationSocial classElectronic visual displayFunctional (mathematics)View (database)Division (mathematics)Cartesian coordinate systemEvent horizonOrder (biology)Free variables and bound variablesFlow separationCountingCuboidElement (mathematics)Field (computer science)Right anglePartition (number theory)NeuroinformatikAttribute grammarSystem callArmPoint (geometry)State of matterGroup actionMultiplication signTowerHeegaard splitting2 (number)Core dumpMoving averageAlgebraic closureBuildingRifling
31:32
Game theoryVolumenvisualisierungCore dumpSynchronizationMacro (computer science)View (database)Phase transitionError messageCursor (computers)Operations researchElement (mathematics)Computer networkWhiteboardPartition (number theory)RootLine (geometry)Block (periodic table)Local ringRepeating decimalLibrary (computing)Type theoryMessage passingShared memoryConnectivity (graph theory)Event horizonNumberCodeVolumenvisualisierungStack (abstract data type)TesselationParameter (computer programming)Video game consoleGame theoryOrder (biology)SynchronizationRight angleData structureThread (computing)Point (geometry)Physical systemPriority queueMobile appState of matterSemantics (computer science)Multiplication signCursor (computers)Element (mathematics)CausalityInstance (computer science)Level (video gaming)BitAbstractionFunctional (mathematics)CuboidContext awarenessCycle (graph theory)MathematicsVideo gameBlock (periodic table)HierarchySimilarity (geometry)Menu (computing)Algebraic closureFlow separationInfinityGastropod shellLoop (music)Series (mathematics)Core dumpPRINCE2Letterpress printingSource codeFamilySystem callCurve
40:41
Core dumpSynchronizationGame theoryVolumenvisualisierungMacro (computer science)Optical disc driveDefault (computer science)Computer networkElement (mathematics)Source codeKey (cryptography)Data bufferPrice indexCountingRepetitionCodeElectronic mailing listScripting languageMappingKey (cryptography)Semiconductor memoryFormal languageFunctional (mathematics)Mobile appBuildingTrailPoint (geometry)Set (mathematics)Level (video gaming)SineSimilarity (geometry)Integrated development environmentLetterpress printingSource codeGame theoryTesselationOrder (biology)BitMultiplication signSystem callRollback (data management)Expert systemProper mapMathematicsState of matterError messageCASE <Informatik>TwitterQuicksortCartesian coordinate systemFlow separationPhysical systemDemo (music)Group actionLine (geometry)Video gameProgrammer (hardware)Computer fileMereologyMultilaterationData structurePosition operatorData miningObject (grammar)1 (number)Crash (computing)
49:50
TouchscreenData managementSimilarity (geometry)Casting (performing arts)Event horizonAbstractionScripting languageGame theoryLibrary (computing)State of matterComputer programmingBitGame controllerRight angleSoftware frameworkVolumenvisualisierungData miningIntegrated development environmentComputer animation
52:15
Computer animation
Transcript: Englisch(auto-generated)