Online VS Code IDE for Angular & React & Ionic 💎

Features :
🔸Intellisense, Project Search, Go to Definitions.
🔹Hot reloading as you type.
🔸Import NPM packages into your project.
🔹Keep editing while offline
🔸Hosted app URL where you can see (or share) your live application at any time.

https://stackblitz.com/

Try it, it's awesome 😍

#Angular #React #Ionic
@ProgrammingTip

Code Sandbox ⚡️

Code Sandbox makes it easier to create, share and reuse React projects with others. 💎

https://codesandbox.io/

#JavaScript #React
@ProgrammingTip

Builderx ✨

A design tool which writes React Native code for you. 📐

Features 💎:
• Design & code seamlessly
• Copy from BuilderX and paste in your Editor
• Create re-usable components
• Live reload

https://t.me/pgimg/48

[ Website ] : builderx.io

〰〰〰〰〰〰
#Tools #React #IDE
@ProgrammingTip

Why i choose Angular❓

Choosing a front-end framework is no small task these days. ⏰

There are a lot of options out there, each with pros and cons. ✅

When I decided I wanted to move to a “next gen” framework, I surprised myself by going with a framework that I initially had a lot of negative feelings about :
🅰️ngular.

In this post, I’m going to explain how Angular won out over the competition.

https://t.me/pgimg/55

[ Article ] : http://bit.do/angwon

〰〰〰〰〰〰
#Angular #React #Vue
@ProgrammingTip

Material-UI ✨

A Set of React Components that Implement Google's Material Design ⚛️

Material-UI is available as an npm package :
npm install material-ui

https://t.me/pgimg/59

[ Website ] : material-ui.com

〰〰〰〰〰〰
#React #Material #Library
@ProgrammingTip

Semantic UI React ⚛️

Semantic UI React is the official React integration for Semantic UI .🙅🏻‍♂️

🔸 jQuery Free
🔹 Declarative API
🔸 Augmentation
🔹 Shorthand Props
🔸 Sub Components
🔹 Auto Controlled State

https://t.me/pgimg/72

[ Usage ] : https://react.semantic-ui.com/usage

[ Website ] : https://react.semantic-ui.com

〰〰〰〰〰〰
#React #Semantic #FrontEnd
@ProgrammingTip

Nivo ✨

Provides supercharged React components to easily build dataviz apps, it's built on top of d3. ⚛️

Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. 💎

Features :
🔸 Highly customizable
🔹 Motion/transitions
🔸 Component playground
🔹 Exhaustive documentation
🔸 Isomorphic rendering
🔹 SVG charts
🔸 HTML charts
🔹 Canvas charts
🔸 Server side rendering API
🔹 Gradients
🔸 Responsive charts

https://t.me/pgimg/116

[ Source ] : github.com/plouc/nivo

[ Document & Website ] : nivo.rocks

〰〰〰〰〰〰
#React #Chart #Calendar
#Treemap #JavaScript

@ProgrammingTip

Tilt.js ✨

A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery. 💎

Alternatives :
• Vanilla JS
• React
• Polymer


https://t.me/pgimg/185

[ Github ] : github.com/gijsroge/tilt.js
[ Demo ] : gijsroge.github.io/tilt.js/

〰️〰️〰️〰️〰️〰️
#JavaScript #jQuery #Parallax #React
@ProgrammingTip

Why I created another React component library 🌈

[ Article ] : https://kutt.it/ARC
[ Github ] : https://github.com/sha-el/sha-el-design

〰️〰️〰️〰️〰️〰️
#React #JavaScript
@ProgrammingTip