[]
LogRocket Blog – For Frontend Developers and Web App Engineers { if (!geoipResponse) { return false; } if (geoipResponse.country.iso_code === ‘US’) { return true; } else if (geoipResponse.continent.code === ‘NA’ || geoipResponse.continent.code === ‘EU’) { return false; } else { return true; } }, apiKey: ‘d5fbd2e5f08cba3d3d417f7a67cd8d1f’, companyDetails: { enabled: () => geoipResponse.country.iso_code === ‘US’, apiKey: ‘a2d1a28025c555de9af13fd94f96f9044dbb8331’, callback: window.lr_analytics.sixSenseCallbacks.personalizeBlogPost }, }, redditPixel: { enabled: true, accountId: ‘t2_3xdvtyx2’, }, vwo: { enabled: true, accountId: 338524 }, utmMediumHash: { enabled: true, } }); analytics.page(); })() ]]> =d));)e.push(b),g+=b.length,a=a.parentNode;return e.reverse().join(h)}function s(a){var b,c,d,e,f,g=[];if(!a||!a.tagName)return””;if(g.push(a.tagName.toLowerCase()),a.id&&g.push(“#”+a.id),b=a.className,b&&h(b))for(c=b.split(/s+/),f=0;f=0;–b)s[b]===a&&s.splice(b,1)}function c(){n(),s=[]}function k(a,b){var c=null;if(!b||f.collectWindowErrors){for(var d in s)if(s.hasOwnProperty(d))try{s[d].apply(null,[a].concat(h.call(arguments,2)))}catch(e){c=e}if(c)throw c}}function l(a,b,c,g,h){var l=null;if(v)f.computeStackTrace.augmentStackTraceWithInitialElement(v,b,c,a),o();else if(h&&e.isError(h))l=f.computeStackTrace(h),k(l,!0);else{var m,n={url:b,line:c,column:g},p=void 0,r=a;if(“[object String]”==={}.toString.call(a)){var m=a.match(j);m&&(p=m[1],r=m[2])}n.func=i,l={name:p,message:r,url:d(),stack:[n]},k(l,!0)}return!!q&&q.apply(this,arguments)}function m(){r||(q=g.onerror,g.onerror=l,r=!0)}function n(){r&&(g.onerror=q,r=!1,q=void 0)}function o(){var a=v,b=t;t=null,v=null,u=null,k.apply(null,[a,!1].concat(b))}function p(a,b){var c=h.call(arguments,1);if(v){if(u===a)return;o()}var d=f.computeStackTrace(a);if(v=d,u=a,t=c,setTimeout(function(){u===a&&o()},d.incomplete?2e3:0),b!==!1)throw a}var q,r,s=[],t=null,u=null,v=null;return p.subscribe=a,p.unsubscribe=b,p.uninstall=c,p}(),f.computeStackTrace=function(){function a(a){if(“undefined”!=typeof a.stack&&a.stack){for(var b,c,e=/^s*at (.*?) ?(((?:file|https?|blob|chrome-extension|native|eval|).*?)(?::(d+))?(?::(d+))?)?s*$/i,f=/^s*(.*?)(?:((.*?)))?(?:^|@)((?:file|https?|blob|chrome|resource|[native).*?)(?::(d+))?(?::(d+))?s*$/i,g=/^s*at (?:((?:[object object])?.+) )?(?((?:file|ms-appx|https?|blob):.*?):(d+)(?::(d+))?)?s*$/i,h=a.stack.split(“n”),j=[],k=(/^(.*) is undefined$/.exec(a.message),0),l=h.length;k0&&a.stack[0].url===e.url){if(a.stack[0].line===e.line)return!1;if(!a.stack[0].line&&a.stack[0].func===e.func)return a.stack[0].line=e.line,!1}return a.stack.unshift(e),a.partial=!0,!0}return a.incomplete=!0,!1}function c(a,g){for(var h,j,k=/functions+([_$a-zA-ZxA0-uFFFF][_$a-zA-Z0-9xA0-uFFFF]*)?s*(/i,l=[],m={},n=!1,o=c.caller;o&&!n;o=o.caller)if(o!==e&&o!==f.report){if(j={url:null,func:i,line:null,column:null},o.name?j.func=o.name:(h=k.exec(o.toString()))&&(j.func=h[1]),”undefined”==typeof j.func)try{j.func=h.input.substring(0,h.input.indexOf(“{“))}catch(p){}m[“”+o]?n=!0:m[“”+o]=!0,l.push(j)}g&&l.splice(0,g);var q={name:a.name,message:a.message,url:d(),stack:l};return b(q,a.sourceURL||a.fileName,a.line||a.lineNumber,a.message||a.description),q}function e(b,e){var g=null;e=null==e?0:+e;try{if(g=a(b))return g}catch(h){if(f.debug)throw h}try{if(g=c(b,e+1))return g}catch(h){if(f.debug)throw h}return{name:b.name,message:b.message,url:d()}}return e.augmentStackTraceWithInitialElement=b,e.computeStackTraceFromStackProp=a,e}(),b.exports=f}).call(this,”undefined”!=typeof global?global:”undefined”!=typeof self?self:”undefined”!=typeof window?window:{})},{6:6}]},{},[5])(5)}); ]]>

Featured Posts   More  

Get to grips with Convex, a full-stack solution including data storage, retrieval, and mutations, all built into an SDK… To gain insight into how larger frameworks (e.g., React, Angular, Vue) work, let’s look at how to build stateful… Learn how to build a simple pomodoro timer using Tauri, a set of tools for building cross-platform desktop apps… Learn about using Atomic Design with React Native apps — what it is and the role of each element… See how easy it is to create a draggable slider in React with the react-draggable-slider package with custom styling… Explore Vuex and learn about getters, mutations, actions, and state by creating and unit testing a Vuex module with… The promise-based HTTP client Axios can be used with Vue, a simple frontend JavaScript framework, to create web applications…. Learn how to implement the dropdown menu feature in a React project to make navigation bars dynamic and organized. Million, like Preact, solves the problem of large React bundles and a heavyweight virtual DOM but adds compilation for… Explore how to use pnpm to manage a full-stack, multipackage JavaScript monorepo. Build your own CSS library with vanilla-extract’s Sprinkles, an API with functionality to rival TypeScript CSS. In this tutorial, we demonstrate how to use Aspect to reduce the development time associated with creating reusable React… In comparison to bulky gifs and videos, animations added to websites using SVGs and CSS have a faster load… Follow this step-by-step tutorial to build a web app using SolidJS. CSS has several filters that help improve the visual aspects of a website. You can apply them directly to… In this tutorial, we’ll explore how to build a simple NestJS ecommerce app, demonstrating many of Nest’s major features…

All Stories

This demonstration shows how to upload images from a React Native app to a Laravel API in a few quick and easy steps. Dockerizing your app can provide many deployment benefits. In this guide, learn how to use Docker to containerize your Go apps. Learn how to use NestJS to build an application with TypeORM, a strong object-relations-management library built with TypeScript. In NestJS, creating a custom module to reuse is quite simple and is, above all, encouraged. Explore Unity light types, like Point Lights, and light modes, like Real-time Lighting, to master lighting in your Unity game. Serverless functions are not directly a part of Next.js’ API. Next.js provides developers with API routes that can be deployed on Vercel as serverless… Mantine, a React component library, has created a collection of custom Hooks to handle various tasks. Let’s take a look at my favorite five. In this article, we will explore how to use a zero-runtime CSS-in-JS library called Linaria in React applications. JSPyBridge lets you interoperate between Node.js and Python — access and use JS functions, packages, classes, and arrays in Python and vice versa. Compare seven object-relational mapping packages in the Go ecosystem based on their features, supported databases, and developer experience. This guide reviews considerations for music streaming app development and compares the features and benefits of open source audio player plugins. Compare ORMs Thin Backend and Prisma for their schema design and modeling features. { hljs.highlightBlock(block); }); } if (jQuery(“.type-post”).length && document.location.href.indexOf(‘product-management’) === -1) { var localDate = new Date(document.getElementsByTagName(‘time’)[0].innerText); var pubDate = new Date(Date.UTC(localDate.getFullYear(), localDate.getMonth(), localDate.getDate())); analytics.track(‘post-info’, { url: window.location.href.split(‘?’)[0], wordCount: jQuery(‘.wordcount’).text(), publishDate: pubDate, blogtag: jQuery(‘.aretags li a’).text(), postAuthor: jQuery(“meta[name=’twitter:data1′]”).attr(“content”), id: jQuery(“.mainheading”).closest(“.col-md-8”).attr(“id”).replace(‘post-‘,”) }); } jQuery(“.aretags li a:contains(‘archive’)”).parent(‘li’).hide(); jQuery(“.aretags li a:contains(‘86919’)”).parent(‘li’).hide(); jQuery(“.aretags li a:contains(‘72293’)”).parent(‘li’).hide(); };]]> 18;h=63&d>>12;k=63&d>>6;d&=63;g[l++]=”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=”.charAt(e)+”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=”.charAt(h)+”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=”.charAt(k)+”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=”.charAt(d)}while(cb;b++)f[“ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/”.charAt(b)]=b;for(c=0;d>c;c++)for(b=f[a.charAt(c)],g=(g<<6)+b,e+=6;8>>(e-=8))||d-2>c)&&(h+=k(l));return h}b64e=function(a){return btoa(encodeURIComponent(a).replace(/%([0-9A-F]{2})/g,function(b,a){return String.fromCharCode(“0x”+a)}))}; b64d=function(a){return decodeURIComponent(atob(a).split(“”).map(function(a){return”%”+(“00″+a.charCodeAt(0).toString(16)).slice(-2)}).join(“”))}; /* */ (function(a){if(“function”===typeof define&&define.amd){define(a);var c=!0}”object”===typeof exports&&(module.exports=a(),c=!0);if(!c){var d=window.Cookies,b=window.Cookies=a();b.noConflict=function(){window.Cookies=d;return b}}})(function(){function a(){for(var d=0,b={};da.version(“iPhone”)||a.os(“iOS”)&&3.1>a.version(“iPod”)||a.is(“Blackberry”)&&5a.version(“BlackBerry”)||5=a.version(“Opera Mini”)&&(2.3<=a.version("Android")||a.is("iOS"))||a.match("NokiaN8|NokiaC7|N97.*Series60|Symbian/3")||11a.version("BlackBerry")||a.match("MSIEMobile|Windows CE.*Mobile")|| a.version("Windows Mobile");return"C"};b.detectOS=function(a){return b.findMatch(b.mobileDetectRules.oss0,a)||b.findMatch(b.mobileDetectRules.oss,a)};b.getDeviceSmallerSide=function(){return window.screen.widtha?f:b.getDeviceSmallerSide()<=a}:function(){};g._impl=b;g.version="1.4.4 2019-09-21";return g})})(function(h){if("undefined"!==typeof module&&module.exports)return function(f){module.exports=f()};if("function"===typeof define&&define.amd)return define;if("undefined"!==typeof window)return function(f){window.MobileDetect=f()};throw Error("unknown environment");}()); var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.createTemplateTagFirstArg=function(a){return a.raw=a};$jscomp.createTemplateTagFirstArgWithRaw=function(a,n){a.raw=n;return a};$jscomp.arrayIteratorImpl=function(a){var n=0;return function(){return nC&&(C+=864E5));0==J?J=6:J–;z=C>=B&&C=B).toString()+” end_date:”+Math.floor(r/1E3).toString()+” =:”+(C Source