Practice Backend and Frontend

HAneo

Well-known member
  • Jan 30, 2007
    12,970
    29,167
    113
    Homagama
    හරි මේක ටික කාලෙක ඉදන් තිබ්බ අයිඩියා එකක්. සිරි අය්යා ෆෝම් කල නිසා එකටම අමුනලා දාන්න හිතුනා.
    දැන් අපි කරන්නේ ඉගෙන ගන්න / කෝස් ෆලෝ කරන එක නේ. අපි ඉගෙන ගන්න ඒවා ප්‍රයෝගියව යොදන්නේ කොහොමද?

    මම ප්රෝපොස් කරන්නේ මේක. අපි ප්‍රැක්ටිකල් ප්‍රොබ්ලම් එකක් දානවා මේකේ. එකට කට්ටිය උත්තර හොයනවා. ඒ හොයනකොට අලුත් දේවල් ඉගෙන ගන්න ලැබෙනවා. උත්තරය හොයාගත්ත කෙනා රිප්ලයි කරන්න එහෙම උනාම එක ගැන අපි කතා කරලා එකේ හරි වැරදි බලමු. ඒ වගේම ඒ ප්‍රොබ්ලම් එක විසදන්න අපි ඉගෙන ගන්න ඕනේ දේවල් ටික කතා කරමු. ඕක හරියට කරගත්තොත් මම හිතනවා ගොඩ කියල.

    ************************************************************************************************************************************
    ප්‍රශ්න අංක එක.


    පොඩි සාම්පල් HTML පේජ් එකක මෙන්න මේ select2 කියන ඩ්‍රොප් එක දාල එකට අයිටම් 100K ට වඩා බයින්ඩ් කරලා virtual scroll මොඩ් එක ඕන කරන්න ඕනේ. ඒ කියන්නේ scroll කරගෙන යනකොට තමා අයිටම් ලෝඩ් වෙන්නේ
    https://select2.org/

    ************************************************************************************************************************************


    **මේකෙම බ්ලොක් චෙන් පැත්තට සුදුසු විදිහේ වැඩක් කරන්න අපි කතා කරනවා බ්ලොක් චෙන් ස්පෙෂලිස්ට. හෙළයෙක්
    **ඒ වගේම මොබයිල් පැත්තේ ගේම ඇදන් යන්නත් කට්ටියට කතා කරනවා. @Solo Rider


    මේ ත්‍රෙඩ් එක හා සම්බන්ද අනෙකුත් ත්‍රෙඩ්
    Frontend -
    https://elakiri.com/threads/frontend-developer-study-guide.2053504/
    Devops - @pasansnoop
    Data Science -
    https://elakiri.com/threads/im-going-to-learn-data-science-in-180-days-d.2051624/
    Blockchain -
    https://elakiri.com/threads/blockchain-web3-p2p-developer-study-guide.2053509/
     

    හෙළයෙක්

    Well-known member
  • Apr 26, 2014
    48,460
    98,391
    113
    බ්ලොක්චෙන් කියන්නෙ web3 වල බැකෙන්ඩ් එකට තමා. එ නිසා මාත් මේ නූලට කෑලි අලවන්නන්
    Frontend අයට තියරි වල ලොකු වෙනසක් වෙන්නෙ නෑ. ඇත්තටම web2 වලට වඩා ලේසියි.

    මෙ තියෙන්නෙ මින්ට් කරන්න ලියන්න තියෙන TS කොඩ් එක
    JavaScript:
     const provider = new ethers.providers.Web3Provider(window.ethereum);
            const signer = provider.getSigner();
            const contract = new ethers.Contract(this.contractAddress, NFTMinterAbi.abi, signer);
            try {
                const tx = await contract.mintNFT(this.accountStore.account, assetId);
                console.log("response from contract", tx);
            } catch (e) {
                console.log(e);
            }
     
    Last edited:

    HAneo

    Well-known member
  • Jan 30, 2007
    12,970
    29,167
    113
    Homagama
    බ්ලොක්චෙන් කියන්නෙ web3 වල බැකෙන්ඩ් එකට තමා. එ නිසා මාත් මේ නූලට කෑලි අලවන්නන්
    Frontend අයට තියරි වල ලොකු වෙනසක් වෙන්නෙ නෑ. ඇත්තටම web2 වලට වඩා ලේසියි.

    මෙ තියෙන්නෙ මින්ට් කරන්න ලියන්න තියෙන JS කොඩ් එක
    JavaScript:
     const provider = new ethers.providers.Web3Provider(window.ethereum);
            const signer = provider.getSigner();
            const contract = new ethers.Contract(this.contractAddress, NFTMinterAbi.abi, signer);
            try {
                const tx = await contract.mintNFT(this.accountStore.account, assetId);
                console.log("response from contract", tx);
            } catch (e) {
                console.log(e);
            }
    OW alawapan. ehema unama thread eke search ekak dala one de hoyaganna puluwan weyi ne.
     

    HAneo

    Well-known member
  • Jan 30, 2007
    12,970
    29,167
    113
    Homagama
    බැක් එන්ඩ් එක කරන කොට හොදට රීල පුක හෝදල. කොන්ඩම් එකක් දාල කරපන්.... පයිය ගන්න කොට ගූත් එක්ක එන්නෙ
    උබලා රටක් හැදෙනවටත් ඉරිසියයි. කෙනෙක් ඉගෙන ගනන්වටත් ඉරිසියයි. මඩේ ඉන්න ඕනේ ජිවිත ඔයි තමුසෙලා
     

    siri_ayya

    Well-known member
  • Feb 1, 2022
    16,966
    1
    29,883
    113
    පොඩි සාම්පල් HTML පේජ් එකක මෙන්න මේ select2 කියන ඩ්‍රොප් එක දාල එකට අයිටම් 100K ට වඩා බයින්ඩ් කරලා virtual scroll මොඩ් එක ඕන කරන්න ඕනේ. ඒ කියන්නේ scroll කරගෙන යනකොට තමා අයිටම් ලෝඩ් වෙන්නේ
    https://select2.org/
    select2 dropdown eke list eka virtual scroll mode eken load wenna one..ehema neda?
    math mehema ekk krla na kalin..
    will implement and post an update here..
     

    HAneo

    Well-known member
  • Jan 30, 2007
    12,970
    29,167
    113
    Homagama
    Records 100k or more scroll karala load wenkota slow wenne puluwan neda?
    Nathan select2 eken eka balance karanwada?
    Thanks brother for this thread :love:
    We are not binding 100K records directly to the Seclect2 Component in run time.
    We hold that data and Enable Virtual scroll mode. it will take some few records and display it to the Drop downs visible area.
    When user Scrolls down, another few records will be loaded to DOM (Dropdown's visible Area.)

    So even you try to bind 1M records in Virtual mode Select2 Drops will not Crack
     

    Poththa

    Well-known member
  • Mar 21, 2016
    1,736
    2,215
    113
    We are not binding 100K records directly to the Seclect2 Component in run time.
    We hold that data and Enable Virtual scroll mode. it will take some few records and display it to the Drop downs visible area.
    When user Scrolls down, another few records will be loaded to DOM (Dropdown's visible Area.)

    So even you try to bind 1M records in Virtual mode Select2 Drops will not Crack
    Hari hari got it :yes: