De favoriter som uppmärksammas är:        
1. $ and $$ - The single $ returns one element while the $$ returns the collection.        
2. The inspect() function - select a something in a huge HTML doc.      
3. monitor() - track when a method is called.            
4. keys() and values() - snap what an object is made up of.            
5. the table() function - table your console.              

Läs hela artikeln på [Medium](https://medium.com/dailyjs/5-chrome-devtools-utilities-you-need-to-know-5bfe58c75773 "5-chrome-devtools-utilities-you-need-to-know")




chrome-devtools-16x9

5 användbara chrome-devtools-utilities!

Läs hur [AddyOsmani.com](https://addyosmani.com/blog/visualize-data-structures-vscode/ "https://addyosmani.com/blog/visualize-data-structures-vscode/") använder verktyget eller gå rakt på nedladdning av [plug-inet](https://marketplace.visualstudio.com/items?itemName=hediet.debug-visualizer "https://marketplace.visualstudio.com/items?itemName=hediet.debug-visualizer")

![VS debug visualiser 1](//images.ctfassets.net/hd5embtz2v28/2s1b7Ag0aJyT5hDYGaPx2z/90a8474193ea709d2e24f4188958a460/Ska__rmavbild_2020-09-23_kl._20.42.42.png)

![VS Debug visualiser 2](//images.ctfassets.net/hd5embtz2v28/6QCt52pVjOzslHPiho6Rha/be174f208cb221520da36d86420e0966/Ska__rmavbild_2020-09-23_kl._20.42.15.png)

![VS Debug visualiser 3](//images.ctfassets.net/hd5embtz2v28/7uK9PA5uiuFVuX6lV881IU/38624799d6dd0132c625491dff2f32aa/Ska__rmavbild_2020-09-23_kl._20.42.48.png)

VS debug visualiser 1

Kul och användbar visualisering av din kod!

> 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

Med Reactfire 2.0 kommer det vara enklare att dra nytta av alla härligheter som [Google Firebase](https://firebase.google.com/ "Google Firebase official") erbjuder utan att behöva koda upp integrationen manuellt. 

Communityn har sedan i somras jobbat hårt med frågeställningen och efter 189 commits blev 2.0.0-rc.0 släppt!

[https://github.com/FirebaseExtended/reactfire](https://github.com/FirebaseExtended/reactfire "Reactfire github")

Bloggen

Senaste inlägg