Lets build a ToDo App with WebComponents and ShadowDOM and see these in action. This will build an understanding of using these in your Front End app.
React Hooks have changed the way we write components & has mentally pushed to write more Functional Components. Lets see how to make a Custom Hook in React.
GraphQL is an API query language. It provides a runtime to describe & query the data for any storage. Here is an Introduction & Quick guide on GraphQL
PostCSS will let you process the CSS with JavaScript & AST. It takes PreProcessing CSS to new level. You can include it as processor in Webpack or Rollup
Static Sites are quick and easy; and when you can host them for free forever, that's icing on the cake. Let's see what GitLab has to offer.
Aliases are very handy; be it in CLI or in FrontEnd development. But have you thought about troubles managing them? Here's how to do it in Frontend Workflow
Now CSS has really cool enhancements. Use those features worriless with CSSNext & PostCSS to turbocharge your CSS development. Read some handy features here
Loaders/Spinners are very known part of any JS App & Ripples are best for geolocation searches. Here's tutorial for Ripples Loading animation like in Tinder
When all front-end frameworks are pushing for Component approach & thinking, WebComponents are native solution to achieve same.
APIs are key to making versatile applications as it allows intra & inter app communication. Let's see how to make REST API in Node.js with Express and MySQL
Drag & Drop is a basic feature for applications handling Media or shuffling Data. See how to handle Drag & Drop in HTML5 with JavaScript.
Integrating API in a React App can be easily done with simple APIs & file structure. Letβs see how to integrate an API in React app with Fetch & useEffect
Canonical has taken a new initiative to bring the Ubuntu to Smartphones to make them work like PC. The Ubuntu for Smartphones is also known as Ubuntu Touch
LazyLoad is a concept to defer the loading of assets until they are needed. Let's implement LazyLoad for Images & make Casper for Ghost do lazyload.
NPX is utility bundled with latest versions of npm that will allow you to execute any npm package binary w/o installing it globally, i.e. w/o 'npm i -g ...'
NPM & Yarn have a lot to offer. But its always tough to choose right one; & becomes more tough when working in a team. Here are my opinions on this delima.
Learn how to upload multiple files to firebase; see how simple & similar it is to single file upload, either multiple-file input or drag-and-drop or both π
Making React apps is easy & fast as compared to the past. Letβs learn how to use Hooks API & Context API for a better developer experience
Why am I saying that? Because whenever I try to turn off the Wi-Fi it goes to inactive mode but doesn't completely turn off.
Component-driven Development has taken the FrontEnd Development by storm. Here are some tips to help you with any Component Driven Development.