Web DevelopmentΒ
Β
Jaya Krishna Namburu
@askjkrishna
Past and Present
Motivation for the WEB !!
π€
Good Old Days
π
π¨
π¦
JavaScript
CSS
HTML
Progressive Enhancement is Dead !!
Graceful Degradation
The Average Web Page Size Is More than 2MB !!
Present Day !!
π¦
π¦
π¦
JavaScript
CSS-In-JS
Polyfills
π
index.html
(Just for landing on the page)
π¦
Templating Engines / JSX
In 2019, the dominant costs of processing scripts are now download and CPU execution time.
@addyosmani
FOU(C)(I)
FUBC
&
Bundle Size
Initial bundle size*
Client - Request - Server - Resource - Client - Unzip - Execute - Paint
-
Initial load should be < 400 KB
-
Dynamic loading, Lazy load parts of your application when needed.
-
Route level or component level code-splitting
-
G-Zip or brotli compression.
-
Differential Bundling
-
Send only the JS that is being used for the initial paint of the web-page.
Ok, now show me how does that work !!
Images
Jank !!
Here we are !!
-
Libraryβ
-
Bundlerβ
-
Transpiler / Compilerβ
-
Plugins for Bundlerβ
-
Plugins for Transpilerβ
-
And one plugin for React with JSXβ
-
CSS-In Js-Libraryβ
-
Typescript /Flow for static type checkingβ Ployfillsβ
-
Code Formattersβ
-
Linterβ
-
Ok!! State Management. (Adds Redux / ngRX / Vuex)β
-
Ok!! Everyone is using service worker, let me add
How is our future going to be π€
Rome (experimental)
Being a Responsible Developer !!
Thank you :)
Web Development, Past & Present
By JayaKrishna Namburu
Web Development, Past & Present
- 1,730