One of the questions I get asked a lot is, how do I turn off my scrolling animations on mobile? Use ScrollTrigger.matchMedia is my answer.Continue reading
Greensock Snippets for VSCode are now available for you to instal.
If you are like me, you want to have VSCode snippets extension for every language that you use.
This saves you time typing, speeds up your workflow and prevents you from making unnecessary syntax errors.
If you are keen on GreenSock Animation Platform you can now enjoy brand new GreenSock Snippets for VSCode.
What you will get
Let me know in the comments if I have missed some other snippets that should be also included.
The source code is on Github, feel free to contribute to it
Are you looking for some useful VSCode extensions that could speed up your front-end development workflow?
I have been building React and Angular projects in VSCode over the last few years and in the next few posts I will share with you my most popular VSCode extensions.
Hope you will find this collection useful.
The first section will focus on visual enhancements.
These extensions are useful for any projects, not just React or Angular development.
Indent rainbow is a simple extension that makes indentation more readable by colorizing each tab indentation.
By default it comes with a “rainbow” of colors, but if you prefer something more subtle like me, simply past the following configuration into your User Settings.
“indentRainbow.colors”: [ "rgba(16,16,16,0.1)", "rgba(16,16,16,0.3)", "rgba(16,16,16,0.6)", "rgba(16,16,16,0.4)", "rgba(16,16,16,0.2)" ]
These colors work great with the default VSCode theme and seamlessly blend in the default VSCode color scheme.
Bracket Pair Colorizer
If you write React, Vue or Angular code you most likely have quite a lot of brackets in your code.
This extension helps you identify matching brackets with colors and connect them with lines too!
You can disable the vertical and horizontal line around the block of code. Simply add this to your User Settings.
Better comments extension lets you highlight certain comments in your code.
Highlight things to do, questions or important notes for other developers.
Color Highlight styles css colors found in your document.
Not only does it recognize colors in your stylesheet but also in other files such as
.js, .jsx, .ts, .tsx and other file extensions.
What are some of your favorite extensions that fall into the category of VSCode visual enhancements?
Let me know in the comments.
And don’t forget to check out my other collection of useful extensions for VSCode.
The React license has been a concern for the open source community for some time.
Great news for everyone.
We're relicensing React, Jest, Flow, and Immutable.js under the MIT license. https://t.co/3XD0z49UsS
— React (@reactjs) September 22, 2017
Why the React license update?
Facebook is responding to the reaction of the open source community. Since introducing the BSD + Patents license for React, many developers and companies started to look for alternatives to React.
The founding developer of WordPress Matt Mullenweg announced in his On React and WordPress article that his team is taking a step back and will be rewriting the upcoming version of WordPress (Gutenberg) using a different library.
It will be interesting to see if WordPress spends their time and money rewriting Gutenberg using a different library or this React license update will be enough to win them back.
I would love to see WordPress use React for their codebase in the near future.
What does it mean for React developers?
This update means that everyone can focus on developing and shipping great products instead of worrying about any licensing issues.
No more legal conversations and confusion.
- The license will be updated for React 16.x and backported to React 15.x.
- Only React, Jest, Flow, and Immutable.js will be relicensed.
- GraphQL and React Native do not inherit the MIT license at the moment of writing this post.
- Other notable projects that use MIT License include Ruby on Rails, Node.js or jQuery.
What do you think about the update? Were you confused about the React licensing issue?
Were you looking for alternatives to React and if so which one did you choose and why?
Let me know in the comments.
If you are looking for a quick way to select everything between matching brackets or quotes in VSCode, the following VSCode tips are for you.
This is not a front-end development tutorial and you will not learn any new coding techniques by reading this.
To save you some time I’ve put together this handy collection of useful React code snippets.