Let’s deep dive into knowing what exactly our developer dashboard does & how it can be useful to developers of web3.

Dive into Macha Micro Services

Building a search infrastructure required Engineering @Macha to build over 7 different individual architecture systems that combine the ability of on-chain data indexing, vectorizing the data, and building a robust P2P distribution. At the core of this search infrastructure, we have the following services

1. Indexers - The indexing process organizes this data for efficient retrieval and obtaining results on Macha’s search infrastructure.

2. Vectors - Macha uses machine learning models to generate vector representation of the data indexed as plain text, images, audio, video, and content. This technique uses query matching to the nearest neighbor in vector space.

3. Relayers - This is a work in progress where we are setting a P2P Relay Protocol on top of libp2p to facilitate a peer network state for relaying indexed data b/w participants

Discover and Access Protocols

Macha Dashboard works on various networks and wallets for convenience and accessibility. Macha already contains numerous discoverable contracts like POAP NFTs, ENS, LENS, and SOUND. Our Indexer nodes managed by Engineering at Macha, run 24/7 on these protocols to bring wide on-chain data like identities, social posts, music, blogs, and NFTs to the world of search Web3.

• Contracts - ENS, Sandbox, POAP, Lens Protocol, FrensTech, sound.xyz, Omni X

• Compatible Networks - Ethereum, Goerli, Polygon, Optimism, Base, Filecoin, Polygon Mumbai Testnet, Filecoin Calibration Testnet.

• Trusted Wallets - MetaMask, Rainbow, Coinbase, WalletConnect

Moreover, discovering metadata and all the content indexed has never been easier. You can access all the information and consume the metadata as per your needs.

Setup Macha Developer Account

Start exploring the Macha developer dashboard as we will add many chains & integrations for robust utilization and ease. To understand the overview & steps to set up your Developer Account follow the instructions, crafted with utmost simplicity.

1. Visit https://app.macha.ai/studio and start with connecting any wallet like MetaMask, Rainbow, Coinbase Wallet, or WalletConnect.

2. After connecting your wallet. You can set up your Developer Account through the two options shown below. So click on any of them.

3. Now a claimer will be displayed explaining what you can access as a publisher in our studio. After reading click Next

4. Your files and everything you will publish will be stored on a decentralized network. So, its safe. Click next.

5. Now you have to select how you want to publish your contract i.e. as an individual or as an organization. Let's go ahead with individual first. So click on Individual and then Next.

6. Now fill in your name and email and click Save and You are almost there to confirm as a publisher. Click Confirm to enter into Decentralized Future!

7. Congratulations, Now you are a publisher. Start your publishing journey by clicking Create or Skip. You can explore and create contracts on Macha Dev Studio

Use a dashboard for Indexers

Macha Developer Dashboard already has the capacity to use Macha indexers via intuitive UI. To elevate your experience of indexing contracts to get real-time data from numerous chains & uploading your own contracts follow the given below steps.

1. Once you are a publisher, you can start indexing and publishing your contracts. To publish any contract you will need to switch to the Filecoin calibration test net, and then add TFIL tokens. After adding tokens to your wallet, you can start publishing.

2. Click on Indexers, there you will see indexed contracts and a button on the right left Create Contract.

3. Fill in your Contract Address, and chain ID on which you want to publish your contract and Read from ABI From Address. We will attempt to read the ABI of the “Contract address”, if this is a proxy contract then you can mention the address of the original contract in the “Read ABI From” field for us to fetch the ABI from. The contracts should be verified to fetch the ABI.

4. If the contract address mentioned is unverified then you have to fill ABI manually.

5. Fill in the details about the contract like the Contract Name, Slug, and Description, and add a cover image. Click next To write the contract Slug follow this nomenclature → {contract name}_{name of the chain deployed on}. For example → macha_polygon, macha_ethereum, macha_base.

6. Add Interested Methods and Events on your contract and Now your contract is ready to create. These are the functions and events that will be indexed in your smart contract by Macha’s indexer nodes whenever a successful transaction happens on them.

7. Once you will click on create it will show you that you have created a contract and you can now preview your contract.

8. Now go to https://app.macha.ai/studio/indexers, and you’ll see there is 1 in the contract created. It will take some time to be approved and listed on the main page.

9. Click on your contract, and now you can see all the details of your contract. You have a few options like Edit and Delete your contract.

10. After submission of your contract, the proposal will go for review. Once it's approved by the team, it will be published in the Indexers and the transactional details can be seen on your contract.

Future towards Web3 Search

Embracing unrestricted contributions from everyone far surpasses relying on complex algorithms and centralized control. Join us in this leap forward for the decentralized data economy, harnessing data in the most efficient way possible. Discover numerous contracts with just a single prompt.

Stay tuned for future updates; in the meantime, experience the extraordinary power of web3 search with us. Below are the links to explore more on Macha.

Macha Search: https://app.macha.ai

Macha Developer Dashboard: https://app.macha.ai/studio

Macha Documentation: https://macha.gitbook.io/docs/overview

Our tale is all about change and creativity, fired up by our passion to build a whole new internet world and empower developers, businesses, and users. Despite the chaos that rocked the market and the world, the Macha team & community didn't just survive – we hustled, built, and geared up to rock the year ahead!💪🏼

Now, allow us to lead you on a captivating journey through our story.

MetaWork started as Talent Network discovery via Discord

MetaWork started by Saksham, to create a DAO, a talent network community. We started on Discord and expanded to 1600+ people connecting them to companies and DAOs. To create a seamless hiring process, for recruiters as well as talented folks, we created different channels on Discord. 🫱🏽‍🫲🏽

But we realized there is a need for a change in the concept of connecting people from a broader perspective with more privacy and a decentralized manner and thus we needed a product for the same.

MetaWork started building a DAO Collaboration Platform

Saksham with experience as a senior developer and Product Manager had this idea of bringing a few people together and building a collaboration tool for a new talent economy.

This third-generation collaboration tool would have made a better version of notion + discord. Saksham along with other 3 team members started building this collaboration tool.

We were riding the DAO vibe at that time and reached a good milestone and during this journey, we became a part of the web3 accelerator, LongHash.🎉

MetaWork joins LongHashX and Protocol Labs Cohort 9

Last year, we officially registered as MetaWork Labs PTE LTD. in Singapore and joined Cohort 9 at LongHashX and Protocol Labs. 🎉 The LongHash mentorship team, Michael, Bury, Emir, Jemar, Emerson, played a crucial role in MetaWork Labs' transformation and growth📈. They provided support throughout every phase, from the inception to the current stage, helping us shape our vision and refine our product.

Also, The amazing founders and investors, including Protocol Labs and Snapshot, Tableland, and Coinshift, have been instrumental in MetaWork Labs' journey. Their support, guidance, and contributions have been pivotal in driving our success and fueling our progress. 🌱

MetaWork traveled to Singapore for Filecoin’s FIL Conference and Token2049

September started with a blast💣 as MetaWork was part of FIL Singapore & Token2049 held in Singapore. We had the opportunity to meet the mentor team of LongHash and our investors from Protocol Labs during a successful event at FIL Singapore, creating an enriching experience of personal interaction.

Our founder, Saksham Jain, also met Juan Benet, CEO of Filecoin and it was an immense pleasure to chat further about the vision rather than another small talk.

MetaWork presents on Demo Day

After working as a DAO collaboration, we realized the importance of providing a siloed-proof user experience and hence, we created a decentralized communication platform with token-gated channels for security, and encrypted data sharing.

It showcased that our decentralized messaging offers the ultimate collaborative and learning experience, surpassing the complexities of combining various elements like documentation, task management, one-on-one, and one-to-many communication using a simple slash command. 🤩

After months of hard work, the eagerly awaited day arrived for LongHash Cohort9 Demo day, where we showcased our product and presented our vision to a captivated audience. During the YouTube live session, our founder, Saksham, presented the tech behind our messaging platform based on interoperability.

Get a glimpse of our tech platform's progress through a demo video, showcasing what we built in our accelerator program.

Participation in India Blockchain Week 🌟

The highly anticipated Indian Blockchain Week has finally commenced, drawing the entire web3 and tech community's excitement. This week-long event is filled with a series of engaging activities hosted by various blockchain startups and was scheduled to take place from 29th Nov to 6th Dec 2022.

What a fantastic kickoff to #IndiaBlockchainWeek with FILBangalore🌟, brilliantly organized by our friends at Huddle01, where we proudly served as community partners.

The week was followed by Polygon Connect🌟 which led us to dive more into the polygon ecosystem’s current and emerging tech. We also interacted with the builders and communities building on Polygon to understand their projects band how we can find synergies with them.

Finally, it was time for ETHIndia🌟 a major global blockchain event which has been on our radar since the start of the year.

Aditya, our tech lead, made a remarkable impact at ETHIndia as a hacker, winning prizes through collaborative efforts with his team members. Additionally, Saksham and other team members left a strong impression, connecting with developers, hiring prospects, investors, and other companies simultaneously.

Overall Blockchain Week, was a great opportunity to introduce MetaWork Labs and our commitment to real decentralization, including the necessary groundwork.

The team meet at Mussoorie 🥳

We have a tradition that we like to follow. Our team meets once a quarter to work together intensively for a few days to build a culture in the team. This time after completing our designated tasks we decided to work from Mussoorie as a whole team.

Our whole team worked from the queen of hills’ most beautiful place Zostel🏔️. Which was an amazing and wholesome experience for the whole team.

We believe that bringing the team together in person fosters a deeper personal and professional connection, resulting in stronger teamwork and enhanced productivity.

Macha Messenger launch at #gmBangalore w/ Huddle01 & XMTP

The collaboration of MetaWork Labs with Huddle01 & XMTP, for hosting #gmBangalore was a resounding success. The launch of our latest product “Macha” was a significant milestone for MetaWork Labs.

With an audience of 300+ web3 enthusiasts and the invaluable support from our community partners - The Phoenix Guild, OG Club, SuperWomen DAO, BuidlersTribe, and The Product House, was a key driver in making the "Macha" launch a remarkable success.

The excitement of the event soared as Shan Mac, founder of XMTP, along with two other notable founders Ayush (founder of Huddle01) and Saksham(founder of Macha), shared their upcoming vision and the value their product will contribute to the Web3 ecosystem.

MetaWork rebrands to Macha

As we continued to grow and refine our vision, we recognized the need for this brand identity that truly resonated with our ethos. It was a huge step for us to not just launch another product but a new identity and the support from the audience was remarkable.

As a result, MetaWork transformed into Macha.

Thus, we crafted an interoperable web called Macha. 🤩

The Pivot in our startup journey 🤔

You might be curious about our startup's pivot, right? Well, we aimed to pave a Web3 path for a wider audience. In this journey of change, We took web2 messaging and upgraded it with web3 technology, aiming for universal use.

Could the same be done with the general internet?

The answer was a resounding YES‼️

This led us to create a powerful search at the infra and experience layer for the new internet.

Infrastructure Layer: a seamless integration where the concept of a new era of enhanced web3 technology, complements and enriches the capabilities of web2 tech to fully harness the power of both worlds and provide a more inclusive and efficient experience for all users.

Experience Layer: Our search infrastructure fetches and indexes whole blockchain data to make it searchable Just like Google indexes web data to make it searchable to everyone.

Macha - Search Infrastructure for New Internet 🌐

Macha is an innovative search platform 🕸️ application that accesses 100s of protocols and data from 10 chains, each with its unique features and offerings. It is transforming the way we interact with the digital world. It's like a gateway to a world of decentralized protocols and information.

With this capability, navigating the decentralized world becomes effortless, enabling you to read protocol content, interact with smart contracts, manage digital assets, and engage in decentralized finance activities seamlessly. 💹💸

Our Friends and Investors 🫰🏻

Last but not least we would love to thank to our partners and investors who collaborated, and supported us in this journey.

All of this hard work wouldn’t have been possible without our Investors and mentors from LongHash. We’ll forever be grateful for their active support towards MetaWork Labs.

Our major partnerships include Lighthouse, Spheron, Huddle01, XMTP, Lens, Filecoin, and more. Your belief in our vision and contributions have been instrumental in our growth. Thank you for being an integral part of our journey.

Our Team 💌

Whatever we have achieved till now is all because of our team, which we like to address as OUR FAMILY. The consistency and perseverance of our team is the key quality that took us this far. Many teammates have been added and some left, as we have learned from each one of them.

With the foundation laid, we look forward to exploring new horizons and pushing the boundaries of innovation.

Our upcoming updates on our products will be shared with you folks in our next blog. Stay Tuned!🎉

The three web3 startups have co-hosted this massive gathering of web3 folks, aiming to bring the adoption of decentralized communication as they strongly believe current internet platforms like WhatsApp, Telegram, Zoom, and Chrome make the user vulnerable to privacy and security.

With this vision, MetaWork Labs built and launched Macha - A web3 native messenger and browser built on tech stack by XMTP, Huddle01, and MetaWorks Data Layer Stack.

“Macha will revolutionize the way web with interoperability and decentralised internet in the future. It is a web3 powered discovery layer of internet with XMTP’s wallet-to-wallet Interoperable messaging & Huddle01’s peer-to-peer audio and video calling” said Saksham, MetaWork Labs’ Founder.

gmBangalore is an initiative that the three companies are trying to replicate across the globe during major blockchain conferences like ETHParis and ETHNew York. Let's dive into what the event brought for the Namma Bengaluru web3 ecosystem.

GM - Bangalore Event Highlights

With a vibrant atmosphere and engagement right from the start- the crowd was actively involved throughout the event, thanks to the dynamic trio Prashant (Ecosystem head of XMTP), Saksham (Founder at MetaWork Labs), and Ayush (Co-Founder at Huddle01), working their magic, engaging the crowd like never before!

Prashant took the stage to deliver an insightful talk on XMTP and its ecosystem, shedding light on the organization’s mission and goals. He discussed how one can build key XMTP chat features in dApps. And he also showcases the current Lens dApps utilizing XMTP’s Interoperable wallet-to-wallet messaging.

Ayush followed suit with an engaging presentation on Huddle01 and its ecosystem, highlighting how Huddle01 is more than just a web3 video conferencing tool to Real Time Communication infrastructure which anyone can use in their dApps. He also discussed the future roadmap of the upcoming Huddle01 protocol and how it's currently upgrading the current server-client arch for Real-Time Communication to p2p Node - Node Architecture.

The moment Saksham took over the stage, the event took an exciting turn with the much-anticipated launch of Macha, the first flagship product of MetaWork Labs, and share the story behind Macha and plans for MetaWork Labs.

The event also provided an excellent platform for community partners such as The Phoenix Guild, OG Club, SuperWomen DAO, BuidlersTribe, and The Product House to showcase their contributions. Yashvendra (Head of Sales at Huddle01) led an engaging community fireside session, fostering connections and facilitating valuable discussions among attendees.

The fireside session with Shane Mac Founder of XMTP, hosted by Prashant alongside Ayush and Saksham, further enriched the event by highlighting the upcoming announcements of XMTP for the wallet-to-wallet messaging platform.

Launch of Macha - Web3 Messenger and Browser at gmBangalore

Macha - Web3 Messenger and Browser built with Data Stack and Interoperable APIs of MetaWork Labs. It brings you a new level of Interoperable messaging powered by XMTP with audio video calling via Huddle01 and web3 identity of Lens Protocol and leveraging many other powerful infra of web3.

MetaWork Labs is a Singapore-based blockchain company with a vision to create Web3 AI Messenger + Data Stack i.e. A private and secured decentralized internet accessed across chains and social identities with a single interoperable data layer.

Their data layer makes it easier for developers to get data from different sources on the web and put it together. It provides a unified interface for accessing data from different sources, which means that developers don't have to learn how to use multiple APIs or SDKs. The data layer also has UI Kit SDK that makes it easy to view and interact with data. This frees up developers to focus on building new, useful apps for their users, rather than migrating from one app to another.

While talking to the growth lead of MetaWork Labs Mukesh Godara, about Macha and decentralized communication, she explained “Macha in communication will lead to a better experience for users, allowing them to operate wallet-to-wallet messaging across different platforms from one platform itself. And the introduction of Macha in communication would also attract a growing number of individuals transitioning from web2 to web3. So yes, this is the ideal time to introduce a platform that will alter how people communicate in complete privacy without worrying about data breaches, unlike any other centralized platforms like Telegram, Discord, and other platforms.“

Dawn of New Era - Web3 Communication/ Transforming the Digital Era by Decentralized Communication

Overall, the event showcased the remarkable synergy and inclusivity within the XMTP, Huddle01, and MetaWork Labs communities, providing an enriching experience for all participants and reinforcing the importance of an open network for innovation and growth.

It is important to note that while Web3 and the blockchain industry are in a very early stage of growth but it looks promising as the community. MetaWork Labs, XMTP, and Huddle01 are tapping into creating a more private center.

The Consortium of Internet Discovery

The internet’s "discovery layer", like Google 🌐 acts as a facilitator for creators and developers to make their content easily discoverable. But, there’s an ambiguity, Google is built on a centralized network which makes users’ data vulnerable. The data is being utilized for other purposes without the users’ consent for their other products.

However, as the internet evolves from 2G to 5G, there should be efficient web access, which also holds privacy and ownership principles. New infrastructure principles like interoperable, decentralization, and peer-to-peer network would be the right approach towards the evolution.

All of us are using the “Broken Internet”

The issue didn’t arise because of Google but because the current state of the internet is broken due to fragmented identity and a siloed ecosystem. Different platforms limit the access of data and content to their users which hinders creativity and inclusivity. The choice of content distribution and consumption should not be limited.

And thus to overcome these challenges eventually it will transition towards a decentralized system of blockchain networks or peer-to-peer networks🤝🏻, as it envisions an open, user-centric internet, granting individuals greater control over their data and identities. By incorporating decentralized systems into our internet, content distribution and data accessibility can be elevated to their maximum potential. This kind of transparency and distribution will foster better participation and monetization for users and creators.

This transition has already started🔜. Thus it becomes necessary to start evolving a browsing experience for a million users to enable seamless exploration and accessibility, just like Google search played a vital role in expanding internet content and information reach.

Fixing the Internet with Interoperability

In the context of the web🕸️, interoperability plays a crucial role in ensuring that various components, applications, and services can interact and communicate effectively, regardless of their underlying technologies or providers. With the integration of interoperability into the web, the current user experience can be enhanced.

Now after the interoperability integration, we will need a discovery layer for utilizing the same. The discovery of data and content on peer networks and blockchain is a crucial part of pushing forward the interoperable web. Seamless and fast retrieval of content and data will support more creators, builders🛠️, and enterprises to switch to decentralized networks leading to an interoperable web. Search will be the engine of discovery on this new web and will access data that is scattered on different chains and protocols.

Google played a similarly significant role in the 2000s by providing access to all kinds of information with ease.

Discover interoperable web with Macha

As we discussed earlier, we are building a discovery layer of search, called Macha🤩 which provides a robust search function for finding apps, protocols, and content across multiple chains. Our search will enhance the user experience by providing precise results with a single prompt.

Macha’s search is built on top of the Macha data stack powered💪🏻 by interoperability, ensuring everything runs smoothly by efficiently managing data and allowing seamless connections to different protocols and networks.

Macha also goes beyond search and provides a range of interfaces using its Software Development Kit (SDK). The SDK empowers😎 users with precise search results with a broader perspective, including every piece of information related to anything. Macha's SDK enables interoperable search🔍 on decentralized platforms with user-friendly interfaces for publishing, interacting, and messaging in a decentralized manner facilitated by Graph indexing, which helps easy retrieval of information from multiple chains.

Wanna know more about it? Don’t worry, we’ll be covering more about Interoperable Web and Macha in part 2. Stay tuned! 👀

While MetaWork Labs remains the foundational company behind Macha, we recognized the need for a brand identity that aligns more closely with our vision and resonates with our target audience and businesses.

Macha the new MetaWork Labs is building the interoperable web experience powered by our decentralised search. It is a seamless integration of multiple protocols and dApps, which provides concise and well-structured information, all with a single prompt.

But Hey! What is Macha? 🧐

MetaWork Labs is a company that started with the goal of becoming a robust discovery layer (DAO) for web3 communities and individuals. We visualized a platform that people would use in the decentralized world and serve as a bridge between various blockchain-based communities.

However, as we delved deeper into our vision, we realized the need to take it a step further and created a messaging platform that became an alternative to Telegram and Discord. We aimed to provide a secure, private, and interoperable messaging experience while allowing users to communicate on different protocols without switching platforms via wallet-to-wallet messaging, XMTP, now available on Android + IOS.

But eventually, MetaWork evolved just in the way most startups do. As we embarked on our path, we recognized that web3, the decentralized web infrastructure, was still in its budding stage, and has its limitations, with various components operating on different blockchain networks and peer-to-peer systems. Within this emerging paradigm, we realized that we could accomplish something spectacular by getting around the web's constraints.

Thus the idea of decentralized search came into the picture. Our search engine provides a robust search function for finding dApps, protocols, and content across multiple chains. It simplifies decentralized resource exploration, enhancing the user experience with efficient and precise results. With the in-built messaging features users find it convenient to share the information without switching the platform.

With our evolved vision and the determination to transform our aspirations into reality, we embarked on a significant change within our company. As a result, MetaWork has now transformed into Macha—a brand that reflects our renewed mission and commitment.

Next for MetaWork Labs ⏩

Macha is the brand name for the product(s) that MetaWork Labs PTE LTD builds. And thus MetaWork Labs’ branding is still intact for all of our legal and compliance purposes.

MetaWork Labs account still exists though on Twitter, which will be utilized by our teams to push updates like Hiring, Technical Advancements, Public Relations, and other official announcements.

So, What Brand Elements Are Changing for Macha?

Now you can find us as Macha on social platforms like Twitter, LinkedIn, GitLab, and Mirror.

Another great news is that our website is now called Macha.ai. As we all know, AI is the talk of the town and emerging like anything. People are actually using AI in their day-to-day life. We will also acknowledge you all with more information, on how we’ve integrated AI in our Browser for better performance.

Find out about us:

Website          ||           Twitter          ||          LinkedIn          ||          Mirror

When working on a React, React Native, or Next.js project, state management across components can be a challenging task. React Context can be a powerful tool to simplify this process by allowing you to share the state without passing props down through multiple layers of components. Additionally, Custom Hooks can be used to encapsulate stateful logic and share it across multiple components, helping to avoid code duplication and simplify state management.

While React Context and Custom Hooks can be effective, they may not always provide the best performance or scalability, an alternative solution is Zustand.

Zustand* is a state management library that simplifies state management with hooks, improves performance with memoization, and provides flexibility in updating the state.*

In this article, we will explore how Zustand can be used in a ReactJs project to simplify state management and improve performance. We will also compare Zustand to React Context and Custom Hooks to help you determine the best solution for your project.

The problems with React Context

While React Context is a useful tool for sharing the state between components in a ReactJs project, it can lead to issues when misused. One problem is the potential for infinite re-rendering, which can cause the app to become unresponsive or crash.

One common cause of infinite rendering states with contexts is using a context value that depends on the component's own state or props. For example, in the code snippet below, the MyComponent sets the value of count using the useState hook and passes it down to the ChildComponent using the context value. If the value of count changes, the component will re-render, which will also trigger a re-render of ChildComponent. However, because the context value also depends on count, this will cause ChildComponent to re-render again, resulting in an infinite loop of re-renders.

const MyContext = createContext();

function MyComponent() {
  const [count, setCount] = useState(0);
  const contextValue = useMemo(() => ({ count }), [count]);

  return (
    <MyContext.Provider value={contextValue}>
      <div>
        <h1>Count: {count}</h1>
        <ChildComponent />
        <button onClick={() => setCount(count + 1)}>Increment Count</button>
      </div>
    </MyContext.Provider>
  );
}

function ChildComponent() {
  const { count } = useContext(MyContext);
  return <div>Count from context: {count}</div>;
}

Another issue with React Context is the difficulty of managing complex state. As the state grows more complex, it can be challenging to update the state correctly and efficiently. Additionally, React Context does not provide built-in support for memorization, which can lead to unnecessary re-renders and negatively impact performance. Finally, updating the state using React Context can be inflexible and require extra boilerplate code.

Drawbacks of state management with hooks

1. Every time a hook is initialized in a React component, a new instance of the hook is created, causing it to occupy space. This can become an issue as the project scales up.

2. As the application grows, state management with hooks and custom hooks can become complex and difficult to maintain. Developers must ensure that the state is correctly passed down to child components and that components are only re-rendered when necessary.

3. Depending on how the state is managed, there can be performance issues. For example, if the state is passed down to multiple child components, each component will need to re-render even if the state has not changed.

4. State management with hooks and custom hooks can lead to inconsistent behavior if not implemented correctly. For instance, if multiple components are sharing the same state, changes made to the state in one component may not be reflected in another component.

5. Debugging state management with hooks and custom hooks can be more challenging than traditional state management approaches, as it can be difficult to trace the flow of state changes through the application.

The benefits of Zustand

Zustand offers several benefits over using React Context for state management. First, Zustand provides a simpler and more lightweight API compared to Redux. You can define a global store using a simple function, and update the state using methods like getState, setState, and subscribe. This makes it easier to manage the state without adding unnecessary complexity to your codebase.

Another major benefit of Zustand is that it solves the problem of unnecessary re-renders caused by using Contexts. When using Contexts, any changes to the context object will cause all components that depend on that context to re-render, even if the state they care about hasn't actually changed. This can lead to performance issues, especially in larger applications.

In contrast, Zustand only updates components that are subscribed to relevant state changes, thanks to its use of closure and proxy objects. Zustand creates a closure around the initial state object and the functions that modify it. Whenever you call setState, Zustand updates the state object within the closure and notifies any subscribers that the state has changed. This allows React to know that it needs to re-render only the components that depend on that state.

Zustand uses proxy objects to provide a more efficient way to update the state. When you call setState with an object containing new state values, Zustand creates a new proxy object that wraps around the old state object. This proxy object only tracks changes to the state that were actually updated, rather than creating a completely new state object each time. This improves performance by reducing the number of unnecessary re-renders.

How to implement Zustand

To implement Zustand in a component, we need to define a global store using Zustand's create function and access it in the component using the useStore hook. Here's an example:

import create from 'zustand';

const useDataStore = create((set) => ({
  data: [],
  fetchData: () => {
    fetch("/api/data")
      .then((response) => response.json())
      .then((data) => set({ data }))
      .catch((error) => console.log(error));
  },
}));

function MyComponent() {
  const fetchData = useDataStore((state) => state.fetchData);
  const data = useDataStore((state) => state.data);

  useEffect(() => {
    fetchData();
  }, []);

  return (
    <MyContext.Provider value={data}>
      <ChildComponent />
    </MyContext.Provider>
  );
}

In this example, we define a global store using create with two properties: data and fetchData. The fetchData function uses async/await to fetch data from the API and updates the store's data property using the set function provided by Zustand.

In the MyComponent function, we access the fetchData and data properties using the useDataStore hook provided by Zustand. We then call fetchData in the useEffect hook to fetch data from the API when the component mounts.

By using Zustand, we can ensure that our data is only fetched once and avoid the risk of creating infinite re-rendering states. Additionally, because Zustand uses a lightweight proxy for the state, it provides better performance than using a context or Redux for state management.

Comparison between React Context and Zustand

React Context and Zustand are both state management libraries for React applications, but they differ in their approach and performance. React Context uses a provider-consumer model to pass state down the component tree, and any changes to the context value can cause all dependent components to re-render, even if their state has not changed. Zustand, on the other hand, uses a functional programming approach with closure and proxy objects to manage state. It creates a global store that can be accessed from anywhere in the app, and only updates components that are subscribed to the relevant state changes, avoiding unnecessary re-renders. Additionally, Zustand's use of proxies provides a more efficient way to update state compared to creating new state objects each time, resulting in better performance.

Conclusion

In conclusion, switching to Zustand has proven to be a great decision for many developers due to its lightweight and efficient approach to state management in React applications. Zustand's functional programming approach, use of closures and proxies, and simple API make it easier to manage and update the application state without causing unnecessary re-renders or performance issues.

Additionally, the ability to define a global store and access it from anywhere in the app, coupled with the fact that the store is not tied to any component, reduces the risk of creating infinite re-rendering states. All of these factors contribute to a more streamlined and optimized development process, which ultimately leads to a better user experience and more successful projects.

All of these suspicious activities pose substantial risks and can lead to serious cyber crimes🖥️. In response to these increasing challenges on social media, these platforms are launching their premium editions, which offer some extra features like faster download speeds, a distinctive collection of stickers, and animated profile pictures, these are all nice additions, but they do not fully shield you from spam.

Type Of Spamming Activities

People generally have an idea that spamming solely involves sending large numbers of texts but it is a lot more than that. Other ways of spamming you must have experienced spreading malicious links, fraudulent reviews, spam bots, and click-baiting. Let us look at the brief about them :

• Spreading malicious links that are designed to trick the user to damage their device is also included in spamming. When the link is clicked, several things can happen, including the downloading ⬇️ of harmful software and the theft of personal data.

• Fraudulent reviews 📉 happen when fake accounts get in touch with legitimate people and spread inappropriate content including insults, threats, and intrusive advertising.

• Spam Bots 🤖 can be programmed to automatically message content-posting users or follow new users.

• Click baiting 🖱️ is the practice of presenting exciting headlines to entice users to click through to the content. Its primary goal is to monetize false online advertising money.

All of these above-mentioned spamming happens due to the fact that it has become so simple to create a fake account on the social media platform and getting around the identity verification process is incredibly easy. Some techniques that are frequently used include password-only and email verification authentications. As a result, creating false accounts that spread fraud has become quite simple which leads to major spamming issues.

Do you now feel that there should be some revolution around these social media platforms where spamming, data privacy, and other fraudulent activities can be controlled?

After considering everything malicious happening on these platforms and to get prevention from such activities you need a democratized platform. An application that aims to provide 🔐 high security by using some distinctive mechanism such as token-gated groups/channels.

Now, you're probably wondering what is 🔐 "token gated channel" ?🤔

And How it is going to be helpful?

Let's understand what ‘token-gated channels’ are by first deconstructing the word:

• Token-gated: A mechanism where a group is accessed by only tokens. Here, ‘token’ means tokens in your crypto wallet.

• Channels/chats: A niche-specific group.

Token-gated channels/chats solve a crucial problem in organizations, teams, enterprises, and communities that want to connect and collaborate virtually with complete privacy and encryption.

Obviously, this will lead you to have several questions in your mind, such as:

How? What and Why 🤔

Let's discuss them now.

We bring you a solution to this hurdle people having specific tokens in their wallets will only be allowed in those exclusive groups/ communities to connect with each other. Here, token 🪙 can be anything like NFTs, Soulbound Tokens, or even simple ERC-20’s which will act as a pass to enter the community or groups. This will easily differentiate the genuine member from a spammer and it will also help in solving a key issue for those who want to communicate and work together online in total privacy.

We believe that the “Token Gated” technology is going to be a game changer for the users. We think it is the need of the hour to have a platform that gives exclusivity and spam free atmosphere.

So, we are really excited to tell you that we at MetaWork Labs has launched a communication platform that offers the finest messaging app, equipped with advanced security and token-gated features along with a layer of data inter-operability and inter-communication capabilities. ⌛⌛

Explore the Platform here: MetaWork Labs

I believe your answer is NO because 99% end up falling into security traps by these centralized platforms.

The current messaging platforms (Web2 versions) operate on data silos which can compromise privacy. Thus we should advance towards a democratic solution that provides us with a highly secured network with features such as decentralization, data synchronization, and interoperability.

Why siloed data systems are problematic?

In web2 platforms, users' data is dispersed and fragmented. They are stored in server systems that are under the ownership of private companies and thus have complete fundamental legal control over your DATA. Due to this, your data is now prone to be utilized for targeted advertisements, influencing political campaigns, financial tracking, and more.

Moreover, your content is vulnerable to data theft, like the one experienced by 533 million Facebook users that exposed huge volumes of names, phone numbers, and email addresses leaving victims open to criminal attacks. Such data leakage can trap you in cybercrime.

Web2 also limits us by not giving opportunities for data and content monetization. The rare web2 case has been YouTube where creators are leveraged to earn through their content via ads. Even with the monetization feature your data is controlled under centralized ownership of the platform, it becomes inaccessible to you. But this is not the case with the majority of platforms.

Do these issues bother you now? 🤔

The Untapped Gold Mine: A Web3 Messaging Platform That You Always Desired

Technology has drastically shaped modes of communication with the evolution of the web 🌐 . We have come from an era of telephones ☎️ and emails 📧 to a generation using social media apps📱

Web3 has now opened a universe full of possibilities and solutions to the problems that arrived with Web2 like -

• Security and privacy issues, such as spam bots, malware, and online crime, have afflicted these applications. They are now crowded and chaotic. This can sabotage your privacy extensively. 🔐

• There is no interoperability 📲 and inter-communication between these existing apps and protocols. Such inter-communication has now become very crucial.

To achieve the desired resolution we need to resolve three Blockchain Trilemma problems which are security, scalability, and decentralization.

• We believe that such high-security issues in messaging platforms can be solved by creating niche-specific or gated communities. To create such secured and gated groups, NFT passes can be used.

• To make data more encrypted and completely decentralized the chat data and file sharing should be pushed to decentralized networks like Filecoin and IPFS.

• Moreover, it should also be scalable. It means everyone from diverse industries like gaming, development, educational, and governmental communities as well as their teams can utilize this platform to create content, share files, and community collaboration.

Do you believe we can create a platform that addresses these problems? 🤔

To resolve all such issues MetaWork Labs is developing a better communication platform in collaboration with web3 pioneers. The application is an amazing alternative to discord and telegram for web3 teams, enterprises, and DAOs. It will provide inter-communication between dApps with enhanced security and encryption of privacy. The application will be soon launching.

STAY TUNED FOR THE BIG ANNOUNCEMENT !!