Dinesh katariya

💡 Leetcode Javascript 30 - Days Challenge, Day 2 🗓 Date : 2nd October, 2024 🏹 Problem Name: Counter I learnt 3 approaches out of which I have shown two. This question can be seen as easy to all, but it is developing me somewhere, hope to continue my leetcode journey. #leetcode #dailylearning #webdevelopment #keeplearningMasai #PrepleafByMasai

10

JavaScript Polyfills 1. Debounce 2. Throttle 3. Map 4. Filter 5. Reduce 6. Call 7. Apply 8. Bind 9. Memorize 10. Once 11. Infinite Scroll 12. Promises resolve reject 13. Promise then catch 14. Promise All 15. Promise Race 16. Promise All settled 17. Promise Any #javascript #typescript #polyfills #browser #react #frontend #webdevelopment #coding #mern

3

one of the best series on next js available on YouTube it a free i learned many thing from this series thank you sir #hiteshchoudharyI highly recommend checking it out if you want to improve your Next.js skills!

1

🚀 #Day66 🎯 Today's Focus: NextJS (Client side) 📍 Intro to NextJS 📍 Why it is introduced 📍 What's NextJS offerings 👉 Server Side Rendering 👉 API routes 👉 File based routing 👉 Bundle size optimisations 📍 Problem with react - 👉 Maintain Separate backend project 👉 React doesn't provide out of the box routing 👉 React is not SEO Optimised 👉 Waterfalling Problem with react 💪 Believe in yourself 💪 NextJS Developers Vercel #nextjs #learninpublic

2

Do you know that when you deploy your React application which is created using 𝗰𝗿𝗲𝗮𝘁𝗲-𝗿𝗲𝗮𝗰𝘁-𝗮𝗽𝗽 or your own webpack configuration to a live website like Netlify, Vercel, Heroku etc, your entire source code is visible to everyone from the sources tab of the developer toolbar as shown in the screenshot of this post. This is not an issue with the 𝗰𝗿𝗲𝗮𝘁𝗲-𝗿𝗲𝗮𝗰𝘁-𝗮𝗽𝗽 but All of the source code is added because of the source map which helps to easily identify the source of the bug that will occur on the live site in the future. This is fine If the website source code is publicly available on GitHub. But you definitely don't want everyone to see your entire source code If it's a private repository or you're working on a client project. There is an easy way to fix it. Create a file with the name .env in your project folder with the below code inside it GENERATE_SOURCEMAP=false so when you run 𝗻𝗽𝗺 𝗿𝘂𝗻 𝗯𝘂𝗶𝗹𝗱 or 𝘆𝗮𝗿𝗻 𝗿𝘂𝗻 𝗯𝘂𝗶𝗹𝗱 command from the terminal. It will generate a 𝗯𝘂𝗶𝗹𝗱 folder with minified files without a source map that you can deploy to the production. 𝗣𝗦: If you're using vite.js for creating React application, then the source code will not be visible as Vite.js removes the source map by default. 𝗙𝗼𝗿 𝗺𝗼𝗿𝗲 𝘀𝘂𝗰𝗵 𝘂𝘀𝗲𝗳𝘂𝗹 𝗰𝗼𝗻𝘁𝗲𝗻𝘁, 𝗱𝗼𝗻'𝘁 𝗳𝗼𝗿𝗴𝗲𝘁 𝘁𝗼 𝗳𝗼𝗹𝗹𝗼𝘄 𝗺𝗲. #javascript #reactjs #webdevelopment

149

16 Comments

Offering Next.js Development service. Features 1. Authentication (Clerk /Next Auth) 2. Payment (Stripe) 3. Admin Dashboard 4. E2E testing with Playwright 5. Beautiful UI with (Shadcn UI/ Daisy UI/ Next UI/ Material UI/Mantine etc) 6. Server Components and Actions #SaaS #MVP #Typescript #nextjs #reactjs

3

Hello members, In our previous blog, we delved into the topic of SSO. In this post, we will explore a range of interview questions related to SSO, covering both fundamental and advanced concepts. Read the latest blog for interview questions⤵️⤵️⤵️ https://lnkd.in/dBw3dZqu #SSO #authentication #authorization #singlesignon #security #networking

21

1 Comment

**Learn Next js with me** RSC (React server component) RSC is new architecture which is introduced by React team in React 18 version which is quickly embrased by Next js. New way of creating react components which is Server components  ♦ By default all files are Server components ♦ They have the ability to read files or fetch data from data base. ♦ They dont have the ability to use hooks or do user interactions Client components ♦ "use client" at the top of the client companent. ♦ They don't have the ability to read files, but have the ablity to use hooks and manage interactions #nextjs14 #learnwithme

2

import java.util.*; class sort{ void bubble(int arr[], int n){ int i,j; for(i=0;i<n-1;i++){ for(j=0;j<n-1-i;j++){ if(arr[j]>arr[j+1]){ int temp=arr[j]; arr[j]=arr[j+1]; arr[j+1]=temp; } } } } } class search extends sort { int binary(int arr[],int n,int x){ int high =n-1; int low=0; while(low<=high){ int mid=(low+high)/2; if(arr[mid]==x){ return mid; } else if(arr[mid]<x){ low=mid+1; } else { high =mid-1; } } return-1; } } public class data{ public static void main(String[] args){ Scanner sc=new Scanner(System.in); search s= new search(); System.out.println("enter size of array"); int n=sc.nextInt(); sc.nextLine(); int[] arr=new int[n]; int i,j; for(i=0;i<n;i++){ System.out.println("enter element "+(i+1) +":"); arr[i]=sc.nextInt(); } sc.nextLine(); System.out.println("elements before sorting "); for(i=0;i<n;i++){ System.out.println("\t"+arr[i]); } System.out.println("elements after sorting "); for(i=0;i<n;i++){ System.out.println(""); s.bubble(arr,n); System.out.println("\t"+arr[i]); } System.out.println("enter element to search "); int t=sc.nextInt(); int result=s.binary(arr,n,t); if(result!=-1){ System.out.println("element found at index"+result+":"); } else { System.out.println("not found "); } } } bubble sort + binary search code in Java

1

import java.util.*; class sort{ void bubble(int arr[], int n){ int i,j; for(i=0;i<n-1;i++){ for(j=0;j<n-1-i;j++){ if(arr[j]>arr[j+1]){ int temp=arr[j]; arr[j]=arr[j+1]; arr[j+1]=temp; } } } } } class search extends sort { int binary(int arr[],int n,int x){ int high =n-1; int low=0; while(low<=high){ int mid=(low+high)/2; if(arr[mid]==x){ return mid; } else if(arr[mid]<x){ low=mid+1; } else { high =mid-1; } } return-1; } } public class data{ public static void main(String[] args){ Scanner sc=new Scanner(System.in); search s= new search(); System.out.println("enter size of array"); int n=sc.nextInt(); sc.nextLine(); int[] arr=new int[n]; int i,j; for(i=0;i<n;i++){ System.out.println("enter element "+(i+1) +":"); arr[i]=sc.nextInt(); } sc.nextLine(); System.out.println("elements before sorting "); for(i=0;i<n;i++){ System.out.println("\t"+arr[i]); } System.out.println("elements after sorting "); for(i=0;i<n;i++){ System.out.println(""); s.bubble(arr,n); System.out.println("\t"+arr[i]); } System.out.println("enter element to search "); int t=sc.nextInt(); int result=s.binary(arr,n,t); if(result!=-1){ System.out.println("element found at index"+result+":"); } else { System.out.println("not found "); } } } bubble sort+binary search code in java

1

🚀 Day 4 of my voting app project! 🚀 🔹 Implemented sign-up route with: Only one admin user allowed Login with 12-digit Aadhar number One-time signup per Aadhar card 🔹 Added JWT token for authentication Progress is moving fast! 🛠️🔐 Any tips on secure JWT implementation? #NodeJS #ExpressJS #JWT #BackendDevelopment

1

💡 Leetcode Javascript 30 - Days Challenge, Day 4 🗓 Date : 4th October, 2024 🏹 Problem Name: Counter II Today I felt good 😅 because I solved it . Yes! I was mistaken in starting as I was returning in literals like `${}` and this wasn't the correct way. Then I stored it in Val and tried it, and it worked. But tell me friends one thing, do you have any other approach to this question? I am curious to learn more ways. THE LEETCODE JOURNEY..... 🤔 #leetcode #dailylearning #webdevelopment #keeplearningMasai #PrepleafByMasai

12

I will be sharing the guide of Angular JS, which could assist somebody with getting better at it. Begin with the presentation of AngularJS. Figure out AngularJS's job and history. Find out about the MVC design utilized in AngularJS. (Use documentation for that.) Environment Introduce Node.js and npm. Set up a code proofreader (I recommend you utilize Visual Studio). Make an essential AngularJS project utilizing CDN or npm (hub bundle chief). Ideas Modules: Characterize and figure out AngularJS modules. Regulators: Make and oversee regulators. Scopes: Find out about $scope for information restricting. Mandates Use worked in mandates (ng-model, ng-rehash, ng-if). Foster straightforward custom mandates. Basic Form Handling Structure Information sources: Use ng-model for restricting. Approval: Execute essential approval with ng-required, ng-design Prologue to Administrations Underlying Administrations: Use $http for HTTP demands. Custom Administrations: Make straightforward custom administrations. Basic Steering Directing with ngRoute: Set up courses and partner them with layouts or regulators. This will assist you with getting better at it. #angularjs #angular #frontend #web #development

2

APP WITH NEXT JS / REACT JS / NODE JS / TAILWIND CSS / SHADCN UI / LINK NEXT JS / REACT HOOKS / SSR NEXT JS / CSR NEXT JS / PAGE LOADING / PAGE NOT-FOUND

1

~ What Are Some of Your Favourite Visual Studio Code Extensions? 🙂 For me 👇 • Code Runner • Auto Close Tag • Beautiful Dracula • Auto Save • HTML CSS Support • Material Icon Theme • Live Server • Thunder Client • ES7+ React/Redux/React-Native snippets What about you ? #visualstudio

13

1 Comment

New React Native DevTools , upcoming React Native 0.76 release. React Universe Conf - A built-in React DevTools debugger. - Reliable core features like step-over, resume, and step-in functionality. - Browser-aligned updates with support for new and old architectures. - An all-new backend built with C++. - A debugging overlay to pause actions.

45