Tree shaking in JavaScript is becoming an essential practice, to avoid large bundle sizes and improve performance.

The principle behind tree shaking is as follows:
1. You declare all of your imports and exports for each of your modules
2. Your bundler (Webpack, Rollup, and so on) analyze your dependency tree during the compilation step
3. Any provably unused code is dropped from the final bundle, or ‘tree-shaken’.

Läs hela [artikeln på medium](https://medium.com/@bluepnume/javascript-tree-shaking-like-a-pro-7bf96e139eb7 "javascript-tree-shaking-like-a-pro") eller läs mer av [Daniel Brain](https://medium.com/@bluepnume "Daniel Brain")

snippet01

Dead-code elimination - en guide

> Upgrading to the new transform is completely optional, but it has a few benefits:
> 
> 1. With the new transform, you can use JSX without importing React.
> 2. Depending on your setup, its compiled output may slightly improve the bundle size.
> 3. It will enable future improvements that reduce the number of concepts you need to learn React.
> 
> This upgrade will not change the JSX syntax and is not required. The old JSX transform will keep working as usual, and there are no plans to remove the support for it.

Du hittar artikeln i sin helhet på [React-bloggen](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html "https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html")

Har du missat React 17 RC kan du läsa mer [här](https://reactjs.org/blog/2020/08/10/react-v17-rc.html "https://reactjs.org/blog/2020/08/10/react-v17-rc.html")

reactjs

Lite om React 17

Nytt [blogginlägg från React-teamet](https://reactjs.org/blog/2019/08/08/react-v16.9.0.html) där de berättar om nya React-versionen och vad den innehåller.

De ger oss även en [uppdatering](https://reactjs.org/blog/2019/08/08/react-v16.9.0.html#an-update-to-the-roadmap) på hur de tidsmässigt ligger till med vad de har planerat enligt deras roadmap, där de inser att de har varit lite tidsoptimistiska. 😅


Nu ser vi fram emot nästa stora [uppdatering](https://reactjs.org/blog/2019/08/08/react-v16.9.0.html#one-release-instead-of-two) efter "hooks", den med "Concurrent Mode" och "Suspense for Data Fetching".

react

React v16.9.0 ute nu!

Svelte är en compiler mer än nytt ramverk/lib och ändrar på en del sedan tidigare vedertagna praxis för den som är van att jobba med exempelvis ramverk som React.

Finns många positiva aspekter att jobba med Svelte, här listar vi ett par:  

- · Compiler (bara en js-bundle)
- · Ingen virtual DOM
- · Supersnabb performance
- · Mycket mindre kod

Svelte är relativt ganska nytt och det medför en del mindre begränsningar så som:

- · Fortfarande litet community
- · Stöd för tredje-parts plugins och editor stöd 
- · .svelte istället för .js


Komplett dokumentation med massor av bra material och get-started-pack finns på [svelte.dev](https://svelte.dev "svelte.dev")

Vi rekommenderar även Rich Harris [talk](https://www.youtube.com/watch?v=AdNJ3fydeao "Rich Harris talk Svelete") som ger en massa matnyttigt för alla som utvecklar oavsett om man ska använda Svelte eller inte.
 

Och uttalet då - tydligen är det [svel:t] som gäller enligt expertisen.

Bloggen

Inlägg relaterade till: javascript