Remote
Development
https://marketplace.
visualstudio.com/
items?itemName=ms-vscode-
remote.vscode-remote-
extensionpack41
An extension pack for
Visual Studio Code that
enables you to use
VSCode’s full set of features
remotely by SSHing into any folder
in a container, remote machine or
Windows Subsystem for Linux
(WSL for short).Fabulous
https://marketplace.
visualstudio.com/
items?itemName=
Raathigeshan.fabulous42
This lets you edit CSS
Properties in a sidebar in
VSCode. Will display CSS
from different sources including
CSS-in-JS libraries, .scss files,
<style> blocks in the HTML andWORKFLOW
AND MORE
Twitter isn’t always
the most encouraging
platform but it can be
useful if you follow the
right people. I follow
many front-end and
full-stack developers
and I particularly enjoy
accounts that post
quick coding tips and
productivity suggestions,
in addition to links to hot
new tools.
Here are a few of my
favourites:Wes Bos
@wesbos
O Bos often posts
little-known JavaScript
tidbits and the occasional
coding quiz. Many of the
threads he starts are
very useful and are a
great complement to hisfantastic online courses.
Umar Hansa
@umaar
O Hansa posts lots of
great front-end resources,
in addition to his
regular Dev Tips (https://
umaar.com/dev-tips/),
which are always in the
form of an animated GIF.I Am Devloper
@iamdevloper
O Okay, this one
(intentionally misspelled:
that’s not a typo) is just for
humour! I don’t know who
runs it but it’s great if
you love programming
humour and
developer memes.Resources
different items loading
independently of each other.react-image-
magnifiers
https://github.com/
adamrisberg/react-image-
magnifiers39
A set of responsive React
components to magnify
and zoom in to high-res
images on mobile or desktop,
similar to the zoom feature available
on shopping sites like Amazon,
which enables you to drag while
zooming to examine specific parts
of an image.RIFM
https://istarkov.github.io/rifm/40
React component to
convert any HTML form
input into formatted
input. For example, if a user types
something in all lower case, you can
force upper case (or just about any
preferred format) as they type.styles tied to library components
(Angular, Svelte, Vue).packtracker.io
https://packtracker.io/43
A tool that tracks and
analyses your webpack
bundle on every commit.
Helps to avoid oversized assets,
npm package overuse and
redundant content to ensure better
overall app performance.Flutter
https://flutter.dev/44
Google’s UI development
toolkit for creating
natively compiled apps
for web, desktop and mobile.
Produces an app for all platforms
from a single codebase, offering a
flexible UI to boot.Flutter
is Google’s UI
development toolkit for
building cross-platform apps
from a single codebaseFEATURES
50 incredible dev tools 2020