BC SOCIAL MEDIA
Saved by @CodyyyGardner

It makes me smile every time I notice IGListKit at work in Instagram. We put a lot of work into making and improving it. Proud to see it holding up 4 years later.

🧵 with some memories on how it was built:

 At Instagram, product work slowed around the holidays, so we used the time to pay down tech debt. In winter 2014 I reviewed a +12k line refactor from UITableView to UICollectionView.

We recently dropped iOS 5 so we could use the new 6+ APIs without backwards compatibility.
That review taught me a lot about UICV: data sources should mutate in one place else risk out-of-sync exceptions, the first view layout may reloadData, sticky headers make good perf hard, and many more UICV tidbits
We used reloadData for everything and it worked, for the most part.

Except two things bugged the hell out of me:

1. No animated changes (duh)
2. Images could flicker and the like animation could cancel
I dug into the latter and learned that if you reloadData, every cell on screen gets reused. So even if nothing in the UI changes, you still reuse (or init) cells, bind data, set images, etc. that’s a lot of work!
When you liked a post, we’d call reloadData. Since all cells are replaced: we had to track the liked row, reload, and THEN perform the like animation. 😓

If something triggered another reload after the animation started, the cell cancelled the animation (thus the UI bug)
The image flickering issue was simpler:

When an image cell is reused set the background to grey, async load the image (cache or network), set the image. The async time between reuse and fetch/set from cache is where the flicker came from.
(@ryanolsonk solved the image flicker with an insanely clever “weak image cache” design. It’s a great interview question 😉 )
This all got me thinking: what if we only updated cells when the data changes? This general idea was gaining traction (ahem, React): bind data to views, and diff the data on change to only rebind changed data+views.

Enter UICV performBatchUpdates
Using the principle of only updating the data source in one place, I could diff the from/to data and use UICVs APIs to insert/delete/reload/move. Anything unchanged wouldn’t get touched!

So how the hell do I write a diffing algorithm? I literally had never done this.
I researched several algos: rsync, Myers, react...

I settled on Paul Heckel’s https://t.co/jpxuHNlpXg

Why?

1. It’s output matched UICV’s APIs: inserts, deletes, updates, and moves
2. There were example implementations I could actually understand
A pivotal decision was how we define identity and equality. I wanted to piggy-back off NSObject’s -hash and -isEqual: methods to spare our engineers having to write/understand diffing concepts.
@ryanolsonk convinced me I was wrong bc writing proper -hash is complex https://t.co/4PgDCykAna

Foundation hashes can collide
https://t.co/h9eVHO342U

Or are too basic for diffing
https://t.co/Pp0eVFRS5e https://t.co/ZNPJnXlXa4
We settled on a hybrid API: a protocol with custom identifier and -isEqual: We later scrapped the NSObject tricks as they were easy to abuse & forget, resulting in crashes.
Fun fact: the library was originally called “IGStoryKit” but my director hated that so we renamed it. Glad we did, guess what launched 6 months later? 🤪
Over the next several months, @jesse_squires and I refactored probably 20k lines so that we could run our new infra alongside the old one. This let us safely A/B test performance before rolling out.
We started with single-item feeds but quickly moved to support the main feed. Main feed was scary (we were starting to run ads 😬) but if we could replace feed, then the rest of the app would fall in line.
@ocrickard and I spent a couple months investigating crashes and tuning performance. I learned a lot about ObjC++ during this time (unordered_map was waaaay faster than NSDictionary for our diffing).
We ended up filing 4 UICV radars from all this investigation! Some have been closed

https://t.co/BACvyI2l08+
When everything was fixed, we launched. I spent a year advocating the eng org help refactor and deprecate the old infra. It came down to the profile view. I rolled up my sleeves and did it myself. It was TOUGH

With profile done, I submitted a -12k change to remove the old infra.
From the start we wanted to open source the library. It ended up being a lot of paper work and internal politics, but we did it. Forever grateful to @jesse_squires for setting the project up for success and @mikeyk for having our back.
We started writing the library in late 2015, launched feed summer of 2016, and deleted the old infra in early 2017.

Throughout this the eng team 10x’d and users 4x’d, we launched tons of products (Stories!), IG opened a NY office, UICV got diffable data sources, and more.
After we launched 4y ago I calc’d our diffing algorithm executes over 40,000 times a second. I can’t imagine what that is now!
Building IGListKit was a career’s-worth of learning packed into a couple years.

I’m proud that it’s still powering Instagram today, but I’m looking forward to learning about what replaces it.

More from Social media

Immo Landwerth
Immo Landwerth
@terrajobst
Many people are stressed by social media, especially Twitter.

Here is what I do to keep my sanity:

1. Be selective who you follow. Choose uplifting people and people you enjoy talking to.

2. Mute and block liberally. “But freedom of speech”. Nonsense. You choose your friends and parties in real life. Same applies to social media. It’s not immoral to ignore people who dunk on you. This also includes the annoying “devil’s advocate” personalities.

3. Choose your online persona. I mostly use Twitter for work and for engagement with the .NET community. But I’m still a human. Don’t let others dictate what you can and cannot talk about.

4. Choose wether you use your real name or a pseudonym. Social media is about authentic and real human encounters. Your name isn’t as important has how honest you can be in your conversations. Being anonymous is totally cool if that lets you be who you are.
SOCIAL MEDIA , STAYSANEONTWITTER
Ranveer Allahbadia
Ranveer Allahbadia
@BeerBicepsGuy
How I built a 7 Million+ strong COMMUNITY on social media, in 5 years.

(A thread)

Video content is the past, present & future.

Golden rule of social media : People gravitate towards HUMANS & their stories.

The easiest way to attach people to your journey is COMMUNICATION through video.

If you cant come on screen, at least use voice. Video>Photo>Written.


From day 1 :
- Wrote down ALL ideas on paper (content pieces, growth strategies, future targets)
- Decided to expand my team, whenever my income allowed me to.
- Make. Money. First.
Don't just rely on YouTube income or brands for money. You may also provide SERVICES to fans.


But in the long term, BIG money will come from brands.

Therefore accumulate numbers and create your own niche.

How to get numbers?
- Entertain or Educate or Motivate

- Create videos/pieces that address people's most common questions/thoughts about the niche you've chosen.

As you grow through your base strategy of video creation (could be YT, IG Reels or even LinkedIn Video)...

You can further community loyalty through sharing pieces of your personal story. How?
- Vlogs
- Captions that expose your mindset.
- Tweets

Be a good storyteller.
SOCIAL MEDIA
Advertisement
Em\U0001f383jipedia \U0001f4d9
Em🎃jipedia 📙...
@Emojipedia
✨📱 iOS 12.1 📱✨
🗓 Release date: October 30, 2018
📝 New Emojis: 158
https://t.co/bx8XjhiCiB


New in iOS 12.1: 🥰 Smiling Face With 3 Hearts https://t.co/6eajdvueip


New in iOS 12.1: 🥵 Hot Face https://t.co/jhTv1elltB


New in iOS 12.1: 🥶 Cold Face https://t.co/EIjyl6yZrF


New in iOS 12.1: 🥳 Partying Face https://t.co/p8FDNEQ3LJ
SOCIAL MEDIA
Sunshiny
Sunshiny
@sunnshiiny
As we wait for the transition of power from despot to democrat, Facebook (Zuckerberg) has taken it upon itself to aid in the obstruction of that power transfer, facilitation of an insurrection narrative and disregard for the will of the American electorate.


In other words, the Social Media monopoly Facebook commands globally has gone full fascist in an attempt to preserve the corrupt and criminal hold on power by Republicans and Trump Administration.

Aiding and abetting a coup d’état.

As if there weren’t enough other reasons to dismantle Facebook’s monopoly, Zuckerberg is playing his cards and revealing clearly that Cambridge Analytica election interference was not just a onetime anomaly, but is now a feature of Facebook’s business model.

Megalomaniac Marc has now revealed the true colours of Fascist Facebook.

Facebook is a weapon to manipulate the masses. A tool to carry out disinformation campaigns with impunity.

And the response of the left... is to delete their Facebook account.

As if the deletion of a Facebook account will do anything. It might send a message that your virtues are principled, your morality superior. But it enables the weapon to be continued to gaslight and manipulate the electorate.

An inherent flaw in the left’s critical thinking.
SOCIAL MEDIA
Rajesh Raghavan
Rajesh Raghavan
@rajeshraghavan_
Is WhatsApp already the Super App of India?

Thread 🧵


Below are a few insights I gathered while researching on how Gen-X use WhatsApp as a part of @10kdesigners Cohort!

Okay, let's go!

1/x

Gen-X? Who are they?

Gen-X (short for Generation X) are basically people with birth years around 1960–1980. That’s basically our (millennials’) parents!

2/x

Check out this detailed case study by @zainab_delawala

📮 Communication/Community

This is the primary feature of WhatsApp.

This feature is the entry point for most of the Gen-X, they come to WhatsApp to communicate and engage with small


- WhatsApp group is one of the most used features by Gen-X. Most of the message more on groups than on private chats.

- Forward messages received mostly are written in vernacular languages. They are all well scripted.

4/x
SOCIAL MEDIA

You May Also Like

Anu Satheesh
Anu Satheesh
@AnuSatheesh5
Alathiyur Hanuman Temple
Malappuram, Kerala 🚩
#keralatemples

One of the Powerful Anjaneya Temples in Kerala. Hanuman temple is adjacent to Shri Ramar Sannidhi. Here Hanuman's head is tilted towards the left to hear Shri Rama's words. Shri Rama is entrusting Hanuman👇


Task of locating Mata Sita in Lanka.

Prathishta of Hanuman is done by Sage Vasishta. Eventhough this is Shri Ram Temple, importance is given to Hanuman
Shri Rama shares with Hanuman the Abhignana Vaakhyam, the words that would enable him to gain the confidence of Mata Seetha.


Hanuman stands leaning a little towards the left, showing how he hear Shri Rama's words and also assuring him Your Wish is my Command.
The Vigraham of Hanuman gives us the Strength, Confidence and Bhakthi.
There is a place marked here to show Hanuman’s leap to Lanka over sea.


Devotees run and leap over the stone for better health.Aval Naivedhyam is famous here. Those children who have nightmares are told to pray Alathiyur Hanuman. Mantra 👇

Alathiyur Hanumane
Pedi Swampnam kanarudhe
Pedi Swapnam Kandalo
Val Kondu Thattiyunarthename
🙏🕉🙏
ALL
Guillaume Chaslot
Guillaume Chaslot
@gchaslot
The YouTube algorithm that I helped build in 2011 still recommends the flat earth theory by the *hundreds of millions*. This investigation by @RawStory shows some of the real-life consequences of this badly designed AI.


This spring at SxSW, @SusanWojcicki promised "Wikipedia snippets" on debated videos. But they didn't put them on flat earth videos, and instead @YouTube is promoting merchandising such as "NASA lies - Never Trust a Snake". 2/


A few example of flat earth videos that were promoted by YouTube #today:
https://t.co/TumQiX2tlj 3/

https://t.co/uAORIJ5BYX 4/

https://t.co/yOGZ0pLfHG 5/
TECH , FLAT EARTH
Advertisement
Raman Shalupau
Raman Shalupau
@ksaitor
Maker movement is doing to startups what startups did to corporations.

Here is why 👇

Startups fixed the problem of innovation, that corporations lack.

In big, slow corporations, innovation is a RISK and distraction from the core $$$ profitable business.

Agile startups could launch, iterate fast and eventually stumble upon new growing market opportunities.

However,

When a startup reaches product-market-fit, it has to 🚀 "grow at all costs" and reach market dominance before some giant corporation can replicate their new product and distribute it to their existing giant customer base.

Startup's "growth at all costs" often means growth at the expense of charging customers $$$ money.

Hence, to be sustainable, startups have to constantly chase investor money.

Startup teams spend more time finding and pleasing investors, than finding and pleasing customers.

95% of startups die because they run out of (investor) money + no business model + crazy investor expectations.

Same way corporations die, when unable to adjust to new technology and market shifts.
MAKERS
Anu Satheesh \U0001f1ee\U0001f1f3
Anu Satheesh 🇮🇳...
@AnuSatheesh5
Eri Katha Ramar Temple
Maduranthakam

Eri Katha Ramar temple is located at Maduranthakam near Chengalpattu of Tamil Nadu. Beautiful Kodanda Ramar of about 8ft holding Ma Sita's hand & with Lakshmana. This temple story is connected with Sri Ramanujar.
@LostTemple7


It was here Periya Nambigal performed Pancha Samskaaram to Ramanujar under Magizham tree.
Sri Ramanujar was on his way from Kanchipuram to meet Sri Periya Nambigal at Sri Rangam to become his disciple. Sri Periya Nambigal also started towards Kanchipuram to meet Ramanujar.


They both met here at Madurantakam.
Small Mandapam where Ramanujar undertook Pancha Samskaaram is seen in the temple. Separate sannidhi is for Periya Nambigal & Ramanujar & this is the only temple where Ramanujar is seen as a Grahastha (married person) and not in Sanyasa kolam.


Story says about an incident which occurred during British rule. The Madurantakam lake bund was about to breach, due to heavy rain & village will be flooded if it happened. Dt collector was Cl. Lionel Blaze who took efforts to protect the bund & asked for the piles of stones


in the temple to protect it. But it was meant for Janakavalli ( sita) Thayar sannidhi which faced shortage of fund. Lionel Blaze prayed Sri Ramar to save the bund and if so he will provide fund to construct.
That night he saw in the lightning, Sri Rama & Lakshmana walked along
ALL
Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
राम-रावण युद्ध समाप्त हो चुका था। जगत को त्रास देने वाला रावण अपने कुटुम्ब सहित नष्ट हो चुका था।श्रीराम का राज्याभिषेक हुआ और अयोध्या नरेश श्री राम के नेतृत्व में चारों दिशाओं में शन्ति थी।
अंगद को विदा करते समय राम रो पड़े थे ।हनुमान को विदा करने की शक्ति तो राम में थी ही नहीं ।


माता सीता भी हनुमान को पुत्रवत मानती थी। अत: हनुमान अयोध्या में ही रह गए ।राम दिनभर दरबार में, शासन व्यवस्था में व्यस्त रहते थे। संध्या को जब शासकीय कार्यों में छूट मिलती तो गुरु और माताओं का कुशल-मंगल पूछ अपने कक्ष में जाते थे। परंतु हनुमान जी हमेशा उनके पीछे-पीछे ही रहते थे ।


उनकी उपस्थिति में ही सारा परिवार बहुत देर तक जी भर बातें करता ।फिर भरत को ध्यान आया कि भैया-भाभी को भी एकांत मिलना चाहिए ।उर्मिला को देख भी उनके मन में हूक उठती थी कि इस पतिव्रता को भी अपने पति का सानिध्य चाहिए ।

एक दिन भरत ने हनुमान जी से कहा,"हे पवनपुत्र! सीता भाभी को राम भैया के साथ एकांत में रहने का भी अधिकार प्राप्त है ।क्या आपको उनके माथे पर सिन्दूर नहीं दिखता?इसलिए संध्या पश्चात आप राम भैया को कृप्या अकेला छोड़ दिया करें "।
ये सुनकर हनुमान आश्चर्यचकित रह गए और सीता माता के पास गए ।


माता से हनुमान ने पूछा,"माता आप अपने माथे पर सिन्दूर क्यों लगाती हैं।" यह सुनकर सीता माता बोलीं,"स्त्री अपने माथे पर सिन्दूर लगाती है तो उसके पति की आयु में वृद्धि होती है और वह स्वस्थ रहते हैं "। फिर हनुमान जी प्रभु राम के पास गए ।
ALL