Rama Ramakrishnan’s Post

Exploring React Memoization! Ever noticed your React app re-rendering components even when it seems unnecessary? One of the core solutions offered by React to optimise performance in such situations is the concept of memoization. 💡 What's memoization? At its core, memoization in React means "remembering" the last rendered output of a component. When props (or state, with hooks) remain unchanged, React avoids unnecessary re-renders, thus saving computational effort and improving app responsiveness. 🔍 When to use? Memoization isn't a silver bullet. It's crucial to gauge where in your app the performance bottlenecks are. Overusing React.memo() can lead to more overhead, as the process of checking for prop changes itself has costs. As always, measure performance first, then optimise! In the example, even if the selectedItem remains unchanged while ItemList re-renders, ItemDetail won't unnecessarily re-render because of the React.memo() wrapping.

Hi everyone👋🏻 I would like to introduce you to the characters of Rick and Morty. #Redux Redux is a third party state management package. It keeps the variables we want to keep in global scope in the store and makes it easier for us to use them where necessary. 🚀 It is managed with Store - Action - Reducer - Dispatch. ✅TextInput: Creates an input field that allows the user to type text. It was used in the "search" field in this project. ✅ScrollView: Used to display long scrollable content areas. It was used to display characters on the app. ✅TouchableOpacity: It acts like a button and provides feedback when touched. It was used to see the details of the characters. 🔎 for projects codes ▶ https://lnkd.in/d3Hw9Jkn ✨️ Mehmet Can Seyhan || Udemig

🌟 Day 11 of my 30-day challenge : Excited to unveil my latest project - a user-friendly Age Calculator web app! Featuring: 1. Precision Age Calculation: Enter your date of birth and instantly discover your exact age in years, months, and days. 2. Ease of Access: Simple and straightforward interface for hassle-free usage. 3. Responsive Design: Seamlessly adapts to different devices for a smooth user experience. Crafted with HTML, CSS, and JS, this project aims to simplify age calculation and enhance accessibility. Live - https://lnkd.in/gc9BxgwF Repo - https://lnkd.in/gf2nT_f7 #coding #30DayChallenge

🚀 Just built a fun web app to discover fascinating facts about numbers! 🔢 Enter any number and unveil intriguing trivia. Try it out here: [numberfactsdev.ccbp.tech] #WebDevelopment #Numbers #CodingFun

Hello Folks, I'm very thrilled to say you all that I have earned my first badge in the 'Android Views and Compose in Views' learning pathway unit-8. I have learned the basics of building apps with Android Views and how to add a composable in an app built with Views. I have also learned how to use views and build our Android app UI using XML, how to use navigation with views and navigate between different fragments that correspond to different screens. In this code lab, I have learned how to use composables in an existing app built with Views. #AndroidBasics.

We're excited to announce Custom Playgrounds! With a single CLI command, you can auto-generate a powerful, instantly shareable playground for your LLM app and run it in your environment. Custom Playgrounds provide a developer-first way to loop other team members into your development process, accelerate your own iteration speed, and build high-quality LLM apps fast. Some highlights: 🛝 Auto-generate a custom playground UI that is customized to your LLM app or feature. 💻 Run your playground in your environment with your code and data. 👥 Collaborate with colleagues by securely sharing your work, collecting feedback, and leveraging their expertise (for prompt engineering and more). 🚀 Accelerate your iteration speed with an easy, powerful way to interact with your LLM app and systematically evaluate it (with auto-generated UI, hot-reloading, auto-logging, test suites, and more). Try Custom Playgrounds or learn more here! https://lnkd.in/gb9Rxaha

Showcasing a news app for mobile. Even though I've created a lot of them, it's exciting to challenge myself and add new features to sharpen my knowledge and coding abilities. Note to take within this application: - API - Fetch news by category & top headline news (NewsAPI) - Caching Images - Using NsCache to store images in cache - Preference Key to improve accessibility within the application - ScrollViewReader (scroll to category pressed using id) - Core animations transitions - Search news based on the given title of the article - Add/remove article to/from bookmark for easy accessibility - Support for all devices (Using Geometry Reader) - Shapes(.Ovelay's) - SplashScreen to notify the user what to expect and so much more!

Day # 77/100: Text adventure A few days ago I ran into a game called “Text adventure” in which you basically need to select the right answer to a question amongst a group of options. I thought it’d be a good idea to emulate it and create a website for it, so for today’s project I decided to create a small app for that game. The key here is to be able to make the app jump to the next question only when the user has selected the right answer. We can achieve that with Javascript by handling events on the DOM and displaying the following website that includes a new question. #100daysofcode #frontenddevelopment #educationalcontentdeveloper https://lnkd.in/dXtSSSyb