How I stopped worrying and learned to love the JavaScript ecosystem
#JS #ecosystem #hackernoon
https://goo.gl/V6oT8G
#JS #ecosystem #hackernoon
https://goo.gl/V6oT8G
Useful patterns for React developers
👓Contents
💡Stateless function
💡JSX spread attributes
💡Destructuring arguments
💡Conditional rendering
💡Children types
💡Array as children
💡Function as children
💡Render callback
💡Children pass-through
💡Proxy component
💡Style component
💡Event switch
💡Layout component
💡Container component
💡Higher-order component
💡State hoisting
💡Controlled input
#React #patterns #resources
https://goo.gl/ZsZhY1
👓Contents
💡Stateless function
💡JSX spread attributes
💡Destructuring arguments
💡Conditional rendering
💡Children types
💡Array as children
💡Function as children
💡Render callback
💡Children pass-through
💡Proxy component
💡Style component
💡Event switch
💡Layout component
💡Container component
💡Higher-order component
💡State hoisting
💡Controlled input
#React #patterns #resources
https://goo.gl/ZsZhY1
Get an insight from 1 gif!
Most popular ⚡️ technologies for the past 6 years
We can clearly see the JS and Python, are here to stay and it make sense to get them mastered💪🏻
If you like the idea of instant analytics, choose the next insight below:
🛠 = Frameworks
💰 = Top Paying Tech
🌏 = Dev Enviroment
The data is taken from the StackOverflow developer's surveys.
Most popular ⚡️ technologies for the past 6 years
We can clearly see the JS and Python, are here to stay and it make sense to get them mastered💪🏻
If you like the idea of instant analytics, choose the next insight below:
🛠 = Frameworks
💰 = Top Paying Tech
🌏 = Dev Enviroment
The data is taken from the StackOverflow developer's surveys.
This media is not supported in your browser
VIEW IN TELEGRAM
Cool particle effect for your buttons
#animation #effects #button
https://goo.gl/dG1fbn
PS the real effect is much smoother😉
#animation #effects #button
https://goo.gl/dG1fbn
PS the real effect is much smoother😉
This media is not supported in your browser
VIEW IN TELEGRAM
To add up to the previous post, here is a nice article on the progress of animation
👓Read time: 4 min
#animation #progress #article
👓Read time: 4 min
#animation #progress #article
This media is not supported in your browser
VIEW IN TELEGRAM
Cool scientific slider for your next project🔥
This media is not supported in your browser
VIEW IN TELEGRAM
Amazing material loader for you to use⏳
Continuing on the "Learn from a gif" experiment⚡️. In the last survey more people selected to review the frameworks, so here it goes🤷🏻♂️.
1 thing we can see is that Node.js keeps nailing it and for the past 2 years was one of the most popular tech🔥.
Angular is going right after🥈, but seems that React💡 is now getting in the game and we can expect Angular slowly, but steadily loosing its popularity (especially considering all the naming confusions with A1 and A2). And where is Vue, by the way😲?
The 2018 also saw a rise of some new tools, frameworks like Spring and Tensorflow (getting into machine learning🤖, are we?)
If you found this useful, you can select the next topic to review:
💩 = Tools that only loosers would use
💰 = Top Paying Tech
🌏 = Dev Enviroment
1 thing we can see is that Node.js keeps nailing it and for the past 2 years was one of the most popular tech🔥.
Angular is going right after🥈, but seems that React💡 is now getting in the game and we can expect Angular slowly, but steadily loosing its popularity (especially considering all the naming confusions with A1 and A2). And where is Vue, by the way😲?
The 2018 also saw a rise of some new tools, frameworks like Spring and Tensorflow (getting into machine learning🤖, are we?)
If you found this useful, you can select the next topic to review:
💩 = Tools that only loosers would use
💰 = Top Paying Tech
🌏 = Dev Enviroment
Read your user's mind
Those who are interested in something progressive⚡️ in their upcoming projects - should give this a thought.
There are a few demos on how you can benefit from so-called "progressive hover effect" that will be triggered when the user is getting close or "start thinking" 🤔about a specific action.
It is a pretty logical move as in the gif example with the search field 🔍.
From a user perspective👤, clicking precisely on the search button to trigger typing is a bit "too accurate", while triggering the animation and allow user typing when the mouse gets close enough - brings a very fresh 🍏 and professional 👔 look.
And yes, as you guessed it right, it wouldn't work on your phone correctly🤫
Those who are interested in something progressive⚡️ in their upcoming projects - should give this a thought.
There are a few demos on how you can benefit from so-called "progressive hover effect" that will be triggered when the user is getting close or "start thinking" 🤔about a specific action.
It is a pretty logical move as in the gif example with the search field 🔍.
From a user perspective👤, clicking precisely on the search button to trigger typing is a bit "too accurate", while triggering the animation and allow user typing when the mouse gets close enough - brings a very fresh 🍏 and professional 👔 look.
And yes, as you guessed it right, it wouldn't work on your phone correctly🤫